/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }


#fond_gauche{
	background-image: url('images/fond-accueil-gauche.png');background-repeat: repeat-x; background-position: 0px 147px;
	width:30%;min-height:700px;z-index:10;position:absolute;top:0px;left:0px;	
	}

/*les couleurs*/
body, div, span, td{ color:#00295B; }

body{background-repeat:no-repeat;background-color:#bdcddd;}
body.realisations, body.references{background-color:#C7DDB2;}


#page{width:900px;margin-left:auto;margin-right:auto;position:relative;z-index:20;}

/*debug*/
/*#page, div#pied{border:dashed;}*/

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
/*.invisible { position: absolute; top: -3000em; height: 1%; }*/ /*BUG SOUS IE*/
.invisible{display:none;}

a img{border:none;}
a{text-decoration:none;color:#00295b;}
a:hover{text-decoration:underline;}

/*home*/ 
#home-entete{ height:200px; padding-top:15px;width:100%;margin-bottom:30px;}
#home-entete #h-entete-1{ width:273px;height:190px; float:left;margin:bottom:0px; margin-right:20px;padding-top:10px; background-image: url('images/bg_nav1.gif');background-repeat: repeat-x;}
#home-entete #h-entete-2{ width:350px; height:100%; float:left; margin-right:20px; background-image: url('images/fond-accueil-2.png');background-repeat: repeat-x;background-position: bottom center;text-align:center; }
#home-entete #h-entete-3{ width:234px; background-image: url('images/blanc_alpha.png'); height:100%; float:left;}


/* navigation des sous rubriques */
#entete-nav2{ width:350px; height:100%; float:left; margin-right:20px; background-image: url('images/fond-bleu-alpha.png');text-align:left; }
#entete-nav2.rub_2{background-image: url('images/bleu-clair.png');}
#nav_2_vide{ width:350px; height:100%; float:left; margin-right:20px;  }
#entete-nav2 ul{margin:0px;padding:0px;padding-top:10px;text-transform:uppercase;}
#entete-nav2 ul li{list-style: none; height:23px;letter-spacing: 1px; }
#entete-nav2 ul li a{color:#FFF;font-weight:normal;font-size:12px;}
#entete-nav2 ul li a:hover{margin-left:10px;color:#E4E4E4;}
#home-entete ul li a {display:block;text-decoration:none;padding:5px;padding-left:20px;}
#home-entete #h-entete-3 li a:hover{color:#4a7e12;}

#legend_fond{position:absolute;top:700px;left:100px;color:#FFF;font-size:11px;width:500px;}

#accueil-banniere{margin:20px;width:300px;height:70px;}
#accueil-banniere img{width:300px;height:80px;}
#lien_carte_real{text-align:right;color:#FFF;font-size:26px;margin:20px;padding-left:120px;}
#lien_carte_real a{color:#FFF;text-decoration:none;letter-spacing: 2px; }
#lien_carte_real a:hover{color:#00295b;}

/*boites arrondis*/
.rounded { -moz-border-radius-topright:4ex; -moz-border-radius-bottomright:4ex; -moz-border-radius-bottomleft:4ex; -webkit-border-top-right-radius:4ex; -webkit-border-bottom-right-radius:4ex; -webkit-border-bottom-left-radius:4ex; }
.rounded2 { -moz-border-radius-bottomright:4ex; -webkit-border-bottom-right-radius:4ex;  }
.rounded3 { -moz-border-radius-bottomright:20px; -webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px;  }
.rounded4 { -moz-border-radius-topright:4ex; -webkit-border-top-right-radius:4ex;-moz-border-radius-topleft:4ex; -webkit-border-top-left-radius:4ex; -moz-border-radius-bottomright:4ex; -webkit-border-bottom-right-radius:4ex;-moz-border-radius-bottomleft:4ex; -webkit-border-bottom-left-radius:4ex;  }
.rounded5 { -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px;-moz-border-radius-topright:20px; -webkit-border-top-right-radius:20px;  }


/*navigation*/
ul#nav1{ padding-left:0px;margin-top:18px; }
ul#nav1 li{ list-style: none; height:25px;letter-spacing: 2px; }
#link_nav1_1{background-color:#00295b;color:#FFF;}
#link_nav1_2{background-color:#009ee0;color:#FFF;}
#link_nav1_3{background: url('images/fond_nav_1_3_0.gif') no-repeat 0px -27px;color:#00295b;color:#FFF;}

#link_nav1_1:hover{background-color:#b2c0cd;color:#00295b;}
#link_nav1_2:hover{background-color:#b2e2f6;color:#00295b;}
#link_nav1_3:hover{background-position:-276px -27px;color:#5cb500;}


/*sous navigation*/ 
ul#nav2{ margin-top:10px; padding-left:0px; letter-spacing: 0px;}
ul#nav2 li{ list-style: none;height:17px; }
ul#nav2 li a{color:#00295b;}


/*recherche*/
#formulaire_recherche{margin-top:20px;}
#recherche{background:#009ee0;width:160px;font-size:14px;border:none;margin-left:20px;padding:2px;vertical-align:middle;}
#recherche_btn{background:#009ee0 url('images/loupe.png') no-repeat left center;height:21px;font-size:12px;border:none;color:#00295b;vertical-align:middle;cursor:pointer;}
#recherche_btn:hover{background:#FFF url('images/loupe.png') no-repeat left center;height:21px;font-size:12px;border:none;color:#00295b;vertical-align:middle;border:solid 1px;}

/*#recherche { width: 10em; padding-left: 25px; background: #FFF url(images/loupe.gif) no-repeat left center; }*/

/*accueil video*/
#accueil_video_box{ width:220px; height:250px; background-image: url('images/fond-bleu-alpha-videos.png');background-repeat: no-repeat; padding:10px; margin-right:10px;text-align:center;color:#FFF; float:left; }

ul#accueil_video_liste{ padding:0px; }
ul#accueil_video_liste li{list-style: none;}
#accueil_video_box a{ color:#009ee0;text-decoration:none; }
#accueil_video_box a:hover{color:#FFF;}
#accueil_video_box h2{text-align:left;color:#009ee0;font-size:18px;margin:5px;margin-left:15px;font-weight:normal;letter-spacing: 1px;}
#accueil_video_box h2 img{vertical-align:bottom;margin-bottom:0px;}

/*accueil projest en image*/
div#projets_img_box{/* background-color:#8e005c; */background-color:#FFF; float:left;padding-top:30px;padding-bottom:30px; margin-right:10px; }

/*actualitées*/
#accueil_actu_box{ background-image: url('images/fond-bleu-alpha.png'); width:408px; height:347px; float:left;color:#FFF; }

#accueil_actu_box ul{padding:0px;padding-left:20px;padding-right:20px;}


.actu_date{color:#FFF;font-size:9px;}
.actu_introduction, .actu_introduction a{color:#FFF;font-size:12px;}

#listing_actus{height:260px;width:400px;overflow: auto;}
#accueil_actu_box ul li{list-style-type:none;}


.entry-content img{margin:10px;	margin-top:0px;margin-bottom:0px;background-color:#FFF;}

hr{border:none;border-bottom:solid 2px;}
fieldset{
	padding:20px;
	margin:20px;
	margin-left:0px;
	border:solid 1px;
}

/*pied de page*/
div#pied{font-size:10px;text-align:center;margin-top:20px; background-image: url('images/fond-pied.png');background-repeat: repeat-x;}
div#pied p{margin:0px;padding:0px;}
div#pied div, div#pied div a{color:#FFF;}
div#pied div#pied_ln_1, div#pied div#pied_ln_2, div#pied div#pied_ln_3{height:19px;padding-top:6px;}
div#pied div#pied_ln_2 img{vertical-align:middle;}


/*les boutons*/
img.btn{height:22px;width:22px;}

img.btn_vert{background-image: url('images/btn_vert.png');}
a:hover img.btn_vert{background-image: url('images/btn_vert.png'); background-position: -22px 0px;}

img.btn_bleu{background-image: url('images/btn_bleu.png'); background-position: -22px 0px;background-repeat:no-repeat;}
a:hover img.btn_bleu{background-image: url('images/btn_bleu.png');background-position: 0px 0px;}

form.form_contact label{width:110px;display:block;float:left;}

input.form_submit{margin-left:10px;height:41px;width:40px;background-image: url('images/btn_form.png');}
input.form_submit:hover{background-position: -43px 0px;}

/*navigation de gauche*/
#nav-gauche{width:160px;float:left;position: relative;}
#nav-gauche p a{padding:15px;display:block;color:#FFF;}
#nav-gauche p a:hover {text-decoration:none;color:#009ee0;}


#nav-gauche p{margin:0px;margin-bottom:5px;}
#nav-gauche p a img, #nav-gauche p a{vertical-align:middle;}
#nav-gauche p a img{float:right;}
#nav-gauche p a.vert{background-image: url('images/nav-bulle-verte.png');background-repeat: no-repeat;color:#FFF;}
#nav-gauche p a.vert{color:#FFF;}
#nav-gauche p a.vert:hover{color:#00295b;}
#nav-gauche p a#nav-g-theme{height:255px;width:160px;padding:0px;}
/*#nav-gauche p a#nav-g-theme:hover{background-color:#C50080;}*/
#nav-gauche p a#nav-g-theme img{margin-top:25px;}



#nav-gauche-real{width:190px;min-height:400px; float:left;position: relative;padding-left:5px;}
#nav-gauche-real #nav_mots_clefs{background-image: url('images/nav-bulle-verte-2.gif');background-repeat: no-repeat;width:100%;min-height:160px;}


#nav-gauche-real #thematique{width:100%;min-height:100px;background-color:#5bb500;margin-top:10px;}
div#nav_mots_clefs{ text-align:center; }


#conteneur{width:725px;float:left;background-color:#FFF;padding:0px;min-height:425px;margin-left:10px;margin-right:0px;}
body.realisations #conteneur{width:530px;float:left;}
body.realisations #conteneur #contenu{padding-left:20px;padding-right:40px;}

#contenu{padding-left:30px;padding-right:50px;}

.contenu-txt{color:#000;font-size:14px;padding-right:0px;margin-right:10px;}
.contenu-txt p {margin-right:0px;padding-right:0px;}

#btn_lecture{float:right;padding:10px;background-color:#d1dbea;text-align:center;}
#btn_lecture a img{padding:1px;vertical-align:middle;border:solid 2px #d1dbea;}
#btn_lecture a:hover img{border:solid 2px #00295b;background-color:#FFF;}

#hierarchie, #hierarchie strong{margin-top:20px;text-transform: uppercase;font-size:12px;}
#hierarchie, #hierarchie a{color:#8c8c8c;}

#nav-gauche p a.bleu{background-image: url('images/nav-bulle-bleu.png');background-repeat: no-repeat;height:30px;}
/*.vert{background-color: #C0487E;;background-image: url('images/nav-bulle-verte.png');background-repeat: no-repeat;}*/
#nav-gauche p a.violet{background-image: url('images/nav-bulle-violet.png');background-repeat: no-repeat;}
a#lnk_plus, a#lnk_plus:hover{color:#009ee0;color:#848d8c;float:right;margin:5px;text-decoration:none;font-size:12px;}

div.articles ul{padding-left:0px;font-size:14px;}
div.articles ul li{list-style-type:none;}


div.articles div.actu_introduction{color:#000;font-size:14px;}
div.articles div.actu_introduction a{color:#00B3FF;font-size:11px;font-weight:bold;}
#actu_apercu img{float:left;margin-right:10px;margin-bottom:10px;}



div#documents_portfolio a img{border:solid 5px #88ba14;margin:3px;}
div#documents_portfolio a:hover img{border-color:#A6E417;border-color:#EBE0E6;}
#shadowbox_counter, #shadowbox_loading span{color:#FFF;}
div#documents_portfolio h2{font-size:13px;}

.spip_documents{text-align:left;border:solid 3px #DBDAC7;margin:5px;}
/*.spip_documents dt, .spip_documents dd{display:inline;}*/
/*dl.spip_documents  dt{width:100%;border:solid 1px;}
*/
.spip_documents dt strong{border-bottom:solid 1px;}
.spip_documents dd{padding:5px;margin:0px;background-color:#FFF;}

.spip_documents a img{border-bottom:solid 2px #FFF;vertical-align:middle;}
.spip_documents a:hover img{border-bottom:solid 2px #00295b;}
dl.spip_documents{padding:5px;}
#spiplistes-formabo form{padding-left:0px;}

/*fiche réalisation*/

body.realisations .cartouche{position: relative;}

/*page videos*/

#lecteur_video{width:100%;text-align:center;}
#lecteur_video #video_descr{background-color:#E1E1E1;border:solid 1px #E1E1E1;width:480px;margin-left:auto;margin-right:auto; color:#000;}
.jcarousel-container li p{margin:0px;font-size:80%;}
.jcarousel-container li p.video_titre{font-weight:bold;}


/*les titres*/
#accueil_actu_box h1{margin-left:20px;font-weight:normal;color:#009ee0;margin-top:10px;margin-bottom:0px;}
#accueil_actu_box h1 a{text-decoration:none;color:#009ee0;}
#accueil_actu_box h1 img{margin-bottom:0px;}
#accueil_actu_box h1 a:hover, h3.entry-title a:hover{color:#FFF;}
#accueil_actu_box h1{margin-bottom:10px;}
#accueil_actu_box h3.entry-title, #accueil_actu_box h3.entry-title a{color: #00b3ff;margin:0px;margin-top:10px;font-size:16px;text-transform: uppercase;}

/*titres d'une page rubrique*/
div.rub .contenu-txt{color:#00295B;}
div.rub h1{background-color:#00295B;color:#FFF;padding:3px;padding-left:10px;width:620px;font-size:14px;text-transform: uppercase;font-weight:normal;letter-spacing: 2px;}
div.rub_8 h1{color:#00b3ff;}/*actu et nos competences*/
div.rub_2 h1{color:#FFF;background-color:#009ee0;}
div.art.rub_2 h1{background:none;}
/*nos references*/
div.rub_ref h1{background-color:#5EB162;width:632px;}
div.rub_ref h3 a{color:#000;}
div.rub_ref h3{/*background-color:#dfdfdf;*/padding:3px;margin-right:0px;}
div.rub_ref ul{}
div.rub_ref h3:first-letter{text-transform:uppercase;}
div.rub_ref div.articles div.actu_introduction a,div.rub_ref h3.spip, div.rub_ref .strong, div.rub_ref h2,  div.rub_ref strong {color:#5EB162;}
strong{font-size:15px;}
div.art.rub_ref h1{color:#000;}
div.rub_ref div.rubriques ul li{font-size:18px;}
div.rub_ref div.rubriques ul li a{color:#5EB162;color: #4C4C4C;}
div.rub_ref div.rubriques ul li:first-letter{text-transform:uppercase;}
div.art.rub_ref h1{background:none;}
div.art_decriptif{background-color:#FFFEEC;padding:10px;margin-right:10px;margin-top:10px;}
div.art_decriptif p{margin:0px;}
div.rub h3{font-size:17pt;margin:0px;margin-top:10px;}
div.rub_8 h3 a, div.rub_2 h3 a{color:#00B3FF;}/*actu et nos competences*/
div.rub_10 h1{background:none;text-align:center;}
div.art h1,div.rub_10 h1{font-size:18pt;margin:0px;margin-top:0px;color:#00295b;}
div.art h1:first-letter,div.rub_10 h1:first-letter{text-transform:uppercase;}
div.art.rub_8 h1, div.art.rub_2 h1{color:#00B3FF;}
body.realisations div.rub h1 {background-color:#5bb500; }
body.realisations div.art h1 {color:#5bb500;color:#000;background-color:#FFF;width:88%;  }
body.realisations div.rub h2, body.realisations div.rub h3 a{color:#5bb500; }
body.realisations div.actu_introduction a, body.realisations h3.spip, body.realisations .strong, body.realisations strong{color:#5bb500;}
body.realisations div.art div.texte{color:#000;}
ul#list_real_themes{padding:10px;}
ul#list_real_themes li{list-style-type:none;}
ul#list_real_themes li a{color:#FFF;}

aplat, encadre, citation{display:block;padding:5px;}
aplat{background-color:#C7CEDC;}
encadre{border:solid 2px #C7CEDC;}
citation{font-style: italic;border-left:solid 10px #BDBDBD;background-color:#EAE3EC ;/*background: #EAE3EC url('images/quote.gif');*/background-repeat:no-repeat;/*padding-left:50px;*/}


div.art_6 .cartouche{display:none;}

.legend_photo{font-size:12px;display:block;margin:0px;color:#000;}
.legend_photo p{padding:0px;margin:0px;display:inline;}

body.realisations aplat, body.references aplat{background-color:#E3DDBB;}
body.realisations encadre, body.references encadre{border:solid 2px #E3DDBB;}



p.pagination{text-align:center;}
div#real_liste_villes{font-size:16px;margin-bottom:20px;color:#B0B0B0;}
div#real_liste_villes a{color:#5bb500;padding:2px;}
div#real_liste_villes a:hover{background-color:#5bb500;color:#FFF;text-decoration:none;}

/*mots*/
div.mot h1{background-color:#5bb500;color:#FFF;padding-left:5px;}
div.mot h3 {font-size:18pt;margin:0px;margin-top:10px; }
div.mot h3 a{color:#5bb500; color:#000; }


.alert { background: #EAE3EC url('images/exclamation.png') center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 15px 20px 15px 65px; border-top: 2px solid #00295b; border-bottom: 2px solid #00295b; }


/*trombinoscope*/
#trombinoscope{}
#trombinoscope h1{font-size:13px;margin:0px;padding:0px;margin-top:10px;}
#trombinoscope div.trombitem{width:47%;float:left; background:#bdcddd;margin:3px;height:120px;}
#trombinoscope div.trombitem img{float:left;height:120px;width:84px;}
#trombinoscope div.trombitem span.tromb_descr{margin:0px;font-size:12px;}