html{
background-color:#e1e5e8;

height:100%;

}

body {
	margin:0;
	padding:0;
	padding-top:10px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	background:url(fond_degrade.jpg) top repeat-x;
	margin:auto;
	
	
}

img{
border:none;
}

a:focus{
outline: none;
}

form{
padding:0;
margin:0;
}

#conteneur_sup{
width:949px;
/*height:650px;*/
margin:0;
 margin:auto; 
 padding:0;
 background:url(fond_conteneur_sup.jpg) bottom right repeat-y;
 /*height:684px;*/
 color:#183c67;
}

/*html>body #conteneur_sup{
min-height:650px;
height:auto;
}*/

#conteneur{
width:949px;
height:650px;
margin:0;
 margin:auto; 
 padding:0;
 background:url(fond_conteneur.jpg) top left no-repeat;
 /*background-color:#d2d8df;*/
 /*height:684px;*/
 color:#183c67;
 }
 
html>body #conteneur{
min-height:650px;
height:auto;
}


#bandeau{
height:125px;
margin:0;
padding:0;
/*padding-left:375px;*/

}

#logo_cliquable{
float: left;
width : 230px;
height: 100px;
margin-left: 25px;
margin-top: 20px;
}

a #texte_invisible {
position: absolute;
left: -500em;
top: -500em;
text-indent: -500em;
}



#bandeau_droite{
width:570px;
/*height:86px;*/
float:left;
color:#183c67;
margin:0;
padding:0;
padding-right:10px;
padding-top:10px;
margin-left:90px;
margin-top:20px;
}


#bandeau_droite h1{
font-size:16px;
margin:0;
padding:0;

padding-bottom:3px;
color:#ffffff;
text-align:right;
}

#bandeau_droite h2{
margin:0;
padding:0;
margin-top:5px;
line-height:1.5em;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
text-align:right;
}

/*MENU HOME */
#bandeau_menu{
margin:0;
padding:0;
margin-left:2px;
height:228px;
overflow:hidden;
}

#img_home{
float:left;
width:373px;
}

/*.navigation{
padding:0;
margin:0;
width:570px;
height:230px;
float:left;
}

.navigation li#mh1, .navigation li#mh2, .navigation li#mh3, .navigation li#mh4{
padding:0;
margin:0;
padding-left:5px;
padding-top:115px;
float:left;
width:136px;
height:228px;
list-style-type:none;
}


.navigation li#mh1{
background:url(../images/menu_home1.jpg) top no-repeat;
}

.navigation li#mh2{
background:url(../images/menu_home2.jpg) top no-repeat;
}

.navigation li#mh3{
background:url(../images/menu_home3.jpg) top no-repeat;
}
.navigation li#mh4{
background:url(../images/menu_home4.jpg) top no-repeat;
}

.navigation a, .navigation span {
display: block;
padding: 4px 10px;
color: #fff;
text-decoration: none;
background: #000 url(menu-item.png) left bottom no-repeat;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
background-image: url(menu-item-deroule.png);
}
.navigation .open a, .navigation .open span {
background-image: url(menu-item-enroule.png);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
text-decoration: underline;
}
.navigation .subMenu {
font-size: .8em;
background: #ccc url(subMenu.png) 0 0 repeat-x;
font-size: .9em;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
}
.navigation ul.subMenu a {
background: none;
padding: 3px 20px;
}

.navigation ul.subMenu li{
padding:0;
margin:0;
padding-left:5px;
width:136px;
height:20px;
list-style-type:none;
}
*/

/*MENU HOME*/
ul#menu_home{
margin:0;
padding:0;
padding-top:30px;
width:211px;
height:198px;
list-style-type:none;
background-color:#f3a21f;
float:left;
}

ul#menu_home li{
padding:5px;
padding-left:0;
margin-left:5px;
margin-right:10px;
border-bottom:1px solid #f8cf8d;
}

ul#menu_home li a{
color:#ffffff;
text-decoration:none;
}

#sous_menu_contextuel{
float:left;
margin:0;
padding:0;
width:358px;

}

#sous_menu_contextuel div.contenu{
display:none;
}

#sous_menu_contextuel div#sous_menu1{
display:block;
}

#img_contextuelle_home{
float:left;
margin:0;
padding:0;
width:148px;
height:228px;
}

#img_contextuelle_home img{
margin:0;
}

#sous_menu_home{
position:relative;
margin:0;
padding:0;
float:left;
width:210px;
height:228px;
background-color:#426998;
color:black;
opacity : 0.6; /*O.1 => 1*/
filter : alpha(opacity=60); /*1=>100*/
}

#sous_menu_home {
color:#ffffff;
}

#sous_menu_home ul{
position:absolute;
/*display:none;*/
list-style-type:none;
margin:0;
padding:0;
padding-top:50px;
padding-left:20px;
width:190px;
height:178px;
color:#ffffff;
font-family:Arial;
font-size:14px;
font-weight:bold;
}

#sous_menu_home ul li{
height:30px;
}

#sous_menu_home a{
color:#ffffff;
text-decoration:none;
}

#sous_menu_home a:hover{
color:#f3a21f;
}


/*MENU INTERIEUR*/
#bandeau_menu_interieur{
margin:0;
padding:0;
margin:auto;
width:894px;
height:20px;
border:1px solid #e89323;

}


.navigation_int{
padding:0;
margin:0;
width:894px;
height:20px;
background-color:#e89323;
overflow:hidden;
}

/*.navigation_int li#mh1, .navigation_int li#mh2, .navigation_int li#mh3, .navigation_int li#mh4{*/
.navigation_int li{
padding:0;
margin:0;

float:left;
/*width:136px;*/

list-style-type:none;
}


.navigation_int #mh1{
width:128px;
background:url(../images/bouton_menu1.jpg) top no-repeat;
}

.navigation_int #mh1 ul.subMenu{
width:128px;
}

.navigation_int #mh2{
width:114px;
background:url(../images/bouton_menu2.jpg) top no-repeat;
}

.navigation_int #mh3{
width:184px;
background:url(../images/bouton_menu3.jpg) top no-repeat;
}

.navigation_int #mh3 ul.subMenu{
width:184px;
}
.navigation_int #mh4{
width:128px;
background:url(../images/bouton_menu4.jpg) top no-repeat;
}

.navigation_int #mh5{
width:120px;
background:url(../images/bouton_menu5.jpg) top no-repeat;
}

.navigation_int #mh6{
width:184px;
background:url(../images/bouton_menu6.jpg) top no-repeat;
}

.navigation_int #mh6 ul.subMenu{
width:184px;
}


.navigation_int a, .navigation_int span {
display: block;
/*padding: 4px 10px;*/
color: #fff;
text-decoration: none;
height:20px;
/*background: #000 url(menu-item.png) left bottom no-repeat;*/
}

.navigation_int.toggleSubMenu a, .navigation_int .toggleSubMenu span {
/*background-image: url(menu-item-deroule.png);*/
}

.navigation_int .open a, .navigation_int .open span {
/*background-image: url(menu-item-enroule.png);*/
}

.navigation_int a:hover, .navigation_int a:focus, .navigation_int a:active {
text-decoration: underline;
}

.navigation_int .subMenu {
position:absolute;
z-index:100;
/*background: #ccc url(subMenu.png) 0 0 repeat-x;*/
background-color:#f8cf8d;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
}

.navigation_int ul.subMenu a {
background: none;
padding: 3px 10px;
color:#183c67;
}

.navigation_int ul.subMenu a:hover {
text-decoration:none;
color:#ffffff;
}

.navigation_int ul.subMenu li{
padding:0;
margin:0;
padding-left:5px;
/*width:136px;*/
height:20px;
list-style-type:none;
float:none;
}


#bandeau_contenu{
margin:0;
padding:0;
margin-top:20px;
min-height:222px;
}

html>body #bandeau_contenu{
min-height:222px;
height:auto;
}

#edito{
float:left;
width:320px;
height:221px;
padding:0;
margin:0;
/*padding-top:60px;*/
padding-left:30px;
padding-bottom:0px;

}

#edito h1{
margin:0;
padding:0;
margin-bottom:5px;
}

#edito p{
padding:0;
margin:0;
}


#domaines_intervention{
background:url(fond_domaines_home.png) 0 0 repeat-y;
float:left;
width:567px;
padding:0;
margin:0;
margin-left:25px;
}

#domaines_intervention h1{
padding:0;
margin:0;
margin-bottom:20px;
}

/*#domaines_intervention h2{*/
#domaines_intervention .domaine_int_soustitre{
background: url(fond_item_domaines_home.png) 0 0 no-repeat;
width:245px;
height:52px;

float:left;
padding:0;
margin:0;
margin-left:10px;



/*padding-top:10px;
padding-left:35px;
margin-top:5px;*/
}

#domaines_intervention .domaine_int_soustitre h2{
color:#000000;
font-size:11px;
font-weight:normal;
text-transform:uppercase;
padding:0;
margin:0;
padding-top:10px;
padding-left:15px;

}


/*#domaines_intervention h2 a{*/
#domaines_intervention .domaine_int_soustitre a{
color:#000000;
text-decoration:none;
}

/*#domaines_intervention h2 a:hover{*/
#domaines_intervention .domaine_int_soustitre a:hover{
color:#ffffff;
}

#bandeau_contenu_int{
clear:both;
position:relative;
margin:0;
padding:0;
padding-bottom:5px;
margin:auto;
margin-top:0;

width:894px;
border:1px solid #f8f1f1;
background-color:#f8f1f1;

height:500px;
/*height:450px;*/

/*background:url(fond_home_bas.jpg) top no-repeat;*/
}

html>body #bandeau_contenu_int{
min-height:500px;
height:auto;
}




#bandeau_contenu_int a{
color:#6a8ab2;
font-weight:bold;
}

#bandeau_contenu_int a:hover{
color:#f3a21f;
}

#bandeau_contenu_int h1{
margin:0;
padding:0;
margin-top:10px;
margin-bottom:10px;
border:1px solid #355d90;
height:17px;
font-size:14px;
background: url(fond_h1_int.jpg) top left no-repeat;
padding-left:25px;
padding-top:2px;
width:350px;
text-transform:uppercase;
}

#bandeau_contenu_int h2{
font-size:14px;
padding:0;
margin:0;
}

#bandeau_contenu_int h3{
font-size:12px;
padding:0;
margin:0;
margin-left:8px;
}

#bandeau_contenu_int ul li{
list-style-image:url(../images/puce_fleche_orange.gif);
}
#bandeau_contenu_int ul.liste_domaines li{
list-style-image:url(../images/puce_bleue.gif);
}

#bandeau_contenu_int #scrollable{
/*height:390px;*/
padding:10px;
overflow:auto;
}

.savoir_plus{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
}

.savoir_plus:hover{
color:#f3a21f;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#f3a21f;
}

#bandeau_contenu_int .texte{
margin:0;
padding:0px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
margin-right:148px;
text-align:justify;
}

#bandeau_contenu_int .texte div{
padding-bottom:5px;
}

#bandeau_contenu_int .texte h3{
margin-top:10px;
}


#bandeau_contenu_int .texte .description{
margin:0;
padding:5px;
margin-left:5px;
margin-right:10px;
}

/*#bandeau_contenu_int #scrollable p, #bandeau_contenu_int #scrollable ul{

margin-right:148px;
}*/
#bandeau_contenu_int #scrollable{
overflow:visible;
height:300px;
min-height:300px;

}

html>body #bandeau_contenu_int #scrollable{
height:auto;
}


#bandeau_contenu_int #scrollable #bureaux{
width:350px;
float:left;
padding:0;
margin:0;
}

#bandeau_contenu_int #scrollable #bureaux .drapeau{
float:left;
width:26px;
height:26px;
/*border:1px solid black;*/
}

#bandeau_contenu_int #scrollable #bureaux h2{
margin:0;
padding:0;
margin-top:5px;
margin-left:4px;
float:left;
}

#bandeau_contenu_int #scrollable #bureaux p{
clear:both;
margin:0;
padding:0;
margin-left:30px;
}

.bloc_comm{
margin-right:148px;
text-align:justify;
}

.bloc_comm .titre{
font-weight:bold;
}


.carte_offre{
width:650px;
margin:5px;
margin-left:0;
padding:10px;
text-align:justify;
/*border:1px dotted #15305f;*/
}

.carte_offre p{
margin:0;
}

.carte_offre .titre_offre{
margin:0;
padding:0;
padding-bottom:3px;
font-weight:bold;
}



.carte_offre .description_offre{
margin-top:3px;
margin-bottom:3px;
/*display:none;*/
}

.carte_offre a{
color:#6a8ab2;
text-decoration:none;
font-weight:bold;
}

.carte_offre a:hover{
color:#f3a21f;
}

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

#form .td1{
width:200px;
}

.message1{
color:#ff000b;
}

#footer{
margin:0;
padding:0;
text-align:center;
color:#ffffff;
/*background: url(../images/filet_footer.jpg) top right no-repeat;*/
background: url(fond_footer.jpg) top right no-repeat;
height:50px;
}

#footer_admin{
margin:0;
padding:0;
text-align:center;
color:#ffffff;
background: url(../images/filet_footer.jpg) top right no-repeat;
height:50px;
}

#footer p, #footer_admin p{
margin:0;
padding:0;
padding-top:10px;
}

.separation{
clear:both;
visibility:hidden;
}

.ancre{
color:red;
}

.ancre:hover{
color:#183c67;
text-decoration:none;
}


