/*reset styles*/
:focus, a {outline: 0;}
ol, ul {	list-style: none;}

html { height: 100%; }
body { height: 100%;}
/* general */
*{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {	margin:1em 0;} a {outline:0;color:#fff;} li, dd {	margin-left:5%; color:#fff;} 
a,object{outline:0;}
.ttfstrong {font-weight:bold}
.clear{clear:both; height:1px; font-size:1px; line-height:1px;}
.size_15{font-size: 15px;}

body {
width: 100%;
height: 100%;
/*text-align: center;*/
background: #fff url("../img/bg_body.png") left top repeat-x;
color: #555;
font-size: 13px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.precharg {display:none;}

.gifloader {position:absolute;top:50%;left:50%}
.clear{clear:both;}
/* gedone panel */
.panel {position: fixed;bottom: 65px;right: 0;display: none;background: transparent;width: 420px;height: 200px;z-index:30;}
.panel a:link, .panel a:active, .panel a:visited{display: block;background: transparent;width: 420px;height: 200px;text-decoration: none;background: transparent url("../img/right_gedone_panel.png") 0 0  no-repeat;}
.panel a:hover{display: block;background: transparent;width: 420px;height: 200px;text-decoration: none;background: transparent url("../img/right_gedone_panel.png") 0 -200px no-repeat;}
#gedone_puce a.trigger{position: fixed;width:50px;height:40px;bottom: 40px; right: 0;text-decoration: none;background:transparent url("../img/right_gedone_button.png") 0 0 no-repeat;display: block; z-index:3500;}
#gedone_puce a.trigger:hover{position: fixed;width:50px;height:40px;bottom: 40px; right: 0;text-decoration: none;background:transparent url("../img/right_gedone_button.png") 0 -40px no-repeat;display: block;}
#gedone_puce a.active.trigger {background:transparent url("../img/right_gedone_button.png") 0 -80px no-repeat;text-decoration: none;}
/* //gedone panel */


/* footer*/
#footer {display:block;width:920px;height:70px;background:none;margin:auto 20px;position:relative;border-top:1px solid #aaa;margin-top:20px;z-index:1000;}
#footer span { color: #aaa; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; text-align: left; margin:0 0 0 20px; line-height: 40px; float:left; text-transform:uppercase;}
#footer span a { color: #aaa; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; line-height: 40px;}
#footer span a:hover { color: #333;}
#footer img { border:none; }


#ie_disapear {display:none;}
#header {position:absolute;width:980px;height:203px;top:10px;left:50%;margin-left:-490px;}
#header #logo {float: left;margin-bottom: 40px;margin: 10px 0 0 18px;}
#header #logo a img{border:0px solid #fff;}
#my_header {position:absolute;width:680px;height:240px;top:0;left:50%;margin-left:-190px;}
#header h1 {font-family: "LatinModernRomanCaps10Regular";font-size: 60px;display: block;height: 50px;line-height: 50px;width: 940px;text-align: center;}
#header h3 {font-family: "LatinModernRomanCaps10Regular";display: block;text-align: center;}

/* navigation */
#wrapper_menu {position:absolute;width:100%;height:150px;top:240px;left:0;background:url("../img/bg_wrapper_menu.png") left top repeat-x;z-index:2000;}
#menu {position:absolute;width:650px;height:130px;left:50%;margin-left:-500px;border:0px solid #b5b5b5;clear:both;text-align:left;background:url("../img/bg_menu.png") 0 0 repeat-x;margin-top:4px;}
*+html #menu {z-index:1000;}
#menu ul {height:130px;display:block;margin:0;text-align:left;}
#menu ul li {width:100px;float:left;display:block;height:130px;}
#menu ul li.rightline {width:100px;float:right;display:block;height:130px;margin:0 -10px 0 0;}
#menu ul li:hover ul{display:block;}
#menu ul li ul li {border-bottom:0px solid #fff;height:auto;width:200px;background:url("../img/arrow_link.png") 10px 10px no-repeat;}
#menu ul li ul{width:200px;margin:0 0 0 -10px;margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;display:none;z-index: 1000;}
#menu ul li ul li a{width:200px;height:auto;float:left;padding:5px 0 5px 15px;}
#menu ul li a {color: #262626;line-height:28px;text-decoration:none;padding:0;text-align:left;}
#menu ul li a {background:none;}
#menu ul li ul li a {padding:0 5px 5px 10px;font-weight:bold;text-transform:uppercase;font-size:11px;color:#333;}

#menu ul li ul li.vert a {background:#67e91d;color:#333;}
#menu ul li ul li:hover.vert a {background:#4ca610;color:#fff;}
#menu ul li ul li.orange a {background:#fdc027;color:#333;}
#menu ul li ul li:hover.orange a {background:#d57211;color:#fff;}
#menu ul li ul li.bleu a {background:#41baff;color:#333;}
#menu ul li ul li:hover.bleu a {background:#2985b5;color:#fff;}
#menu ul li ul li.jaune a {background:#fcd31f;color:#333;}
#menu ul li ul li:hover.jaune a {background:#9b8521;color:#fff;}
#menu ul li ul li.gris a {background:#666;color:#fff;}
#menu ul li ul li:hover.gris a {background:#333;color:#fff;}




#menu ul li a.imgpresentation {display: block;width:130px;height:130px;background: url("../img/img_presentation.png") 0 0 no-repeat;}
#menu ul li a.imgsecteurs {display: block;width:130px;height:130px;background: url("../img/img_secteurs.png") 0 0 no-repeat;}
#menu ul li a.imgdomaines {display: block;width:130px;height:130px;background: url("../img/img_domaines.png") 0 0 no-repeat;}
#menu ul li a.imgengagements {display: block;width:130px;height:130px;background: url("../img/img_engagements.png") 0 0 no-repeat;}
#menu ul li a.imgcoordonnees {display: block;width:130px;height:130px;background: url("../img/img_coordonnees.png") 0 0 no-repeat;}

#menu ul li a:hover.imgpresentation {background: url("../img/img_presentation.png") 0 -130px no-repeat;}
#menu ul li a:hover.imgsecteurs {background: url("../img/img_secteurs.png") 0 -130px no-repeat;}
#menu ul li a:hover.imgdomaines {background: url("../img/img_domaines.png") 0 -130px no-repeat;}
#menu ul li a:hover.imgengagements {background: url("../img/img_engagements.png") 0 -130px no-repeat;}
#menu ul li a:hover.imgcoordonnees {background: url("../img/img_coordonnees.png") 0 -130px no-repeat;}


#picto {position:absolute;z-index:2;left:50%; top:800px; width:624px;height:598px;background:url("../img/picto.png") left top no-repeat;z-index:1;}
#picto_small {position:absolute;z-index:2;left:60%; top:800px; width:312px;height:299px;background:url("../img/picto_small.png") left top no-repeat;z-index:1;}


#content {position:absolute;width:400px;top:400px;left:50%;margin-left:-490px;background:none; padding:0;}

#content h1{text-align:left;width:auto;padding:0 0 0 40px;margin:0 0 0 20px;background:none; color: #4ca610;font-size: 18px;font-family: "Trebuchet MS", Helvetica, sans-serif;text-transform:uppercase;line-height:52px;}
#content h1.green     {background:url("../img/bg_content_h1.png") left top no-repeat;}
#content h1.orange   {background:url("../img/bg_content_h2.png") left top no-repeat;color:#FE5823;}
#content h1.blue       {background:url("../img/bg_content_h3.png") left top no-repeat;color:#3198FF;}
#content h1.yellow   {background:url("../img/bg_content_h4.png") left top no-repeat;color:#F8B02C;}
#content h1.grey       {background:url("../img/bg_content_h5.png") left top no-repeat;color:#555;}
#content h3{text-align:justify;width:400px;padding:0 0 0 20px;background:none; color: #333;font-size: 16px;font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight:bold;}

#content h3.blue_h3{text-align:justify;width:400px;padding:0 0 0 20px;background:none; color: #3299FF;font-size: 16px;font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight:bold;}
#content h3.yellow_h3{text-align:justify;width:400px;padding:0 0 0 20px;background:none; color: #F8B02C;font-size: 16px;font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight:bold;}

#content p{text-align:justify;width:400px;padding:0 0 0 20px;background:none; color: #333;font-size: 14px;font-family: "Trebuchet MS", Helvetica, sans-serif;}
#content p.large_txt{text-align:justify;width:850px;padding:0 0 0 20px;background:none; color: #333;font-size: 14px;font-family: "Trebuchet MS", Helvetica, sans-serif;}

#content td{text-align:left;color: #333;font-size: 12px;font-family: "Trebuchet MS", Helvetica, sans-serif;}

#content ul.vert_ul {list-style-type: none;margin:10px 0 10px 20px;}
#content ul.vert_ul li {background:url("../img/vert_puce.png") 0 3px no-repeat ;padding:2px 0 2px 30px;line-height:18px;color:#333;}

#content ul.orange_ul {list-style-type: none;margin:10px 0 10px 20px;}
#content ul.orange_ul li {background:url("../img/orange_puce.png") 0 3px no-repeat ;padding:2px 0 2px 30px;line-height:18px;color:#333;}

#content ul.blue_ul {list-style-type: none;margin:10px 0 10px 20px;}
#content ul.blue_ul li {background:url("../img/blue_puce.png") 0 3px no-repeat ;padding:2px 0 2px 30px;line-height:18px;color:#333;}
#content ul.blue_ul ul {list-style-type:none; margin:10px 0 10px 20px;}
*+html #content ul.blue_ul ul {list-style-type:square; margin:10px 0 10px 20px;}
*+html #content ul.blue_ul li ul li{background:none ;padding:2px 0 2px 10px;line-height:18px;color:#333;}

#content ul.yellow_ul {list-style-type: none;margin:10px 0 10px 20px;}
#content ul.yellow_ul li {background:url("../img/yellow_puce.png") 0 3px no-repeat ;padding:2px 0 2px 30px;line-height:18px;color:#333;}

#carousel_container {position:absolute;width:500px;height:394px;left:50%;top:0;margin:400px 0 0 -20px;background:none;display:block;z-index:100;border:0px solid #ccc;}
/*slides*/
.right_slides,.right_slides ul{width: 460px;height: 345px;position: relative;overflow: hidden;}
.right_slides ul li,.right_slides ul li .slidestuff{width: 460px;height: 345px;}
.right_slides ul li .slidestuff a img,.right_slides ul li .slidestuff img  {	width: 460px;height: 345px;	border: 0px solid #202020;}
#carousel_overlay {position:absolute;width:500px;height:394px;left:50%;top:0;margin:400px 0 0 -25px;background:url("../img/carousel_overlay.png") top left no-repeat;display:block;z-index:1000;}
*+html #carousel_overlay {margin:411px 0 0 -25px;}
ul#carousel_button {margin:375px 0 0 400px;width:50px;}
ul#carousel_button li{display:inline;line-height:20px;}
ul#carousel_button li a.prevbtn{float:left;display:block; width:20px; height:20px;cursor: pointer;color:#000;background:url("../img/todaleft.png") no-repeat 0 0;}
ul#carousel_button li a.nextbtn {float:right;display:block; width:20px; height:20px;cursor: pointer;color:#000;background:url("../img/todaright.png") no-repeat 0 0; }

a {color:#666;text-decoration:none;font-weight:bold;} a:hover {color:#333;text-decoration:none;}
.h_separator {width:100%;height:50px;}
.txt_vert {color:#4ca610;}
a.txt_vert {color:#4ca610;text-decoration:none;font-weight:bold;} a:hover.txt_vert {color:#677921;text-decoration:none;}
.txt_bleu {color:#3299FF;}
.txt_orange {color:#FE5823;}
.txt_jaune {color:#F8B02C;}
.txt_gris {color:#555;}
.nobrdbot {border-bottom:0px solid #fff;}

/*Formulaire*/
#contentForm {position:absolute;width:800px;top:400px;left:50%;margin:20px 0 0 -450px; padding : 15px; border : 0 solid #625748; background : transparent url("../img/bg_contact.png") left top; }
#contentForm p{text-align:justify;width:400px;padding:0 0 0 20px;background:none; color: #333;font-size: 14px;font-family: "Trebuchet MS", Helvetica, sans-serif;}
#contentForm table{padding:0 0 0 20px;}
#contentForm a{color:#333;}
#contentForm a:hover{color:#000;}
#contentForm h1{text-align:left;width:auto;padding:0 0 0 40px;margin:0 0 0 20px;background:none; color: #4ca610;font-size: 18px;font-family: "Trebuchet MS", Helvetica, sans-serif;text-transform:uppercase;line-height:52px;}
#contentForm h1.grey {background:url("../img/bg_content_h5.png") left top no-repeat;color:#555;}
#contentForm h3 { clear : left; margin : 0; padding : 5px 0 8px 0; font-weight : bold; font-size : 18px; color : #333; }
#contentForm label { display : block; float : left; clear : left; margin : 2px 0 2px 0; width : 200px; line-height : 100%; color : #333; }
#contentForm input, textarea, select { padding : 2px; font-size : 13px; color : #333; background : #fff; border : 1px solid #ccc; float : left; display : block; margin : 5px 0 1px 0; }
#contentForm input#submitted { padding : 0; background : none; border : 0px solid #ccc; display:none; } 
#contentForm textarea { width : 200px; height : 60px;}
#contentForm span.radio { margin : 10px 0 0 5px; }
#contentForm span.error {height:13px; line-height:13px; margin : 0; color:#ff0000; }
#contentForm span.error img {padding:0; margin : -2px 0 0 0; }
#contentForm .button { cursor : pointer; border : none;  font-weight : bold; background : url("../img/submit.jpg") no-repeat left top; width : 90px; margin : -20px 0 0 200px; height : 28px; }
#contentForm input.button:hover { background-position : left bottom; }
.fright { display : block; float : left; }
.fright label { width : 150px; line-height : 100%; margin : 0 !important ; }
.fright input { margin : 2px 5px 2px 2px !important ; }
#contentForm span.required { font-size : 13px !important ; color : #FF6101 !important ; } 
#result { position : fixed; display : block; top : 42%; right : 20%; width : 170px; height : 70px; background : transparent; z-index : 10000; } 
#subresult { display : block; right : 110px; width : 160px;  height : 80px; background : transparent; border : 0 solid #fff;  color : #ffff00; font-weight : bold; padding : 4px; } 
#subresult3 { display : block; right : 110px; width : 160px; height : 80px; background : transparent; border : 0 solid #fff; color : #ffff11; font-weight : bold; padding : 4px; }
#subresult1 { display : block; right : 110px; width : 160px; height : 80px; background : transparent; border : 0 solid #fff; color : #ffff22; font-weight : bold; padding : 4px; } 
#subresult2 { display : block; right : 110px; width : 160px; height : 80px; background : transparent; border : 0 solid #fff; color : #ffff33;  font-weight : bold; padding : 4px; } 
#subsent { display : block; right : 110px; width : 160px;  height : 80px; background : transparent; border : 0 solid #fff;  color : #ffff44; font-weight : bold; padding : 4px;  }
input.noborder{background:none; border: none;}
/* // Formulaire */
