/* structure generale */
* {margin:0px; padding:0px; font-family:Arial; }
html {height:100%;}
body {margin:0px; background-color:#dbdbdb; height:100%;}

a {text-decoration:underline; color:#16547b;}
a:hover {text-decoration:underline;}
p.spip {margin:0 0 12px 0}
img {border:0px;}

.bold {font-weight:bold;}

.h3, h3.spip {color:#8DAB3D; float:left; font-size:11px; font-weight:bold; margin:15px 5px 0px 0px; }

#RUB6 .h3 {margin:2px 5px 0px 0px;}

#RUB4 h3.spip,
#RUB5 .h3, 
#RUB6 .h3 {float:none;}

h4 { font-weight:bold; font-size:13px; color:#8dab3d; }

.attente { font-size:11px; color:#CCCCCC; font-weight:bold; padding:6px 10px 7px 10px; display:block; }

div#main {position:relative; width:919px; margin-left:auto; margin-right:auto; text-align:left;}

div#bg_main {width:919px; height:100%; padding-left:0px; background-color:#DBDBDB; padding-top:30px;}

div#logo {float:left; /*width:285px;*/}
div#logo img.logo {/*padding:30px 0 0px 23px;*/ padding:10px 0pt 20px 23px;}

div#tagline { width:301px; margin-left:585px; /*` ??? :D */ z-index:9 ; /*position:relative;*/ /*margin-top:45px;*/ padding-top:27px; }

div#header { width:919px; /*height:123px;*/ background:url(img/bg_header.gif) no-repeat left top /*bottom*/; margin-top:0px; padding-top:10px; /*min-height:123px*/}

div#bandeau {width:919px; height:31px; background:url(img/bg_bandeau.gif) no-repeat left bottom; padding-top:0px; margin-top:0px; clear:both; /* */ }

div#bandeau div#nav { width:919px; margin-top:10px; position:absolute; /*margin-left:18px ;*//* margin-left:38px;*/ }

/* nav */

div.div_nav {position:absolute; float:left; overflow:hidden; width:200px; /*border:1px solid; */background:url(img/bg_nav_200x130.gif) no-repeat left bottom; visibility:hidden;}
div.div_nav a { clear:both; border-bottom:1px solid #DBDBDB; color:#FFFFFF; float:left; overflow:hidden; font-size:11px; font-weight:bold; margin-left:5px; padding:6px 5px 7px 10px; text-decoration:none; width:87%;}
div.div_nav a:hover {color:#dbf67f; text-decoration:none;}

div#ca1 {/*top:122px;*/top:155px; left:24px; z-index:100; float:left; overflow:hidden;}
div#ca2 {/*top:122px;*/top:155px; left:135px; z-index:200;}
div#ca3 {/*top:122px;*/top:155px; left:345px; z-index:103;}
div#ca4 {/*top:122px;*/top:155px; left:527px; z-index:104;}
div#ca5 {display:none;}
div#ca6 {display:none;}

div#nav {float:left; overflow:hidden; width:919px; margin-left:36px;`margin-top:15px; }

div#nav a span {display:none;}

div#nav a {float:left; overflow:hidden; height:17px; margin-right:46px; display:block;}

/* pour le menu en francais */

div#nav a.bt_evolusys, div#nav a.bt_1_fr {width:60px; background:url(../images/nav/bt_company.gif) no-repeat;}
div#nav a.bt_evolusys:hover, div#nav a.bt_evolusys_on, div#nav a.bt_1_fr:hover {width:60px; background:url(../images/nav/bt_company2.gif) no-repeat;}

div#nav a.bt_intervention, div#nav a.bt_2_fr {width:168px; background:url(../images/nav/bt_domaines.jpg) no-repeat;}
div#nav a.bt_intervention:hover, div#nav a.bt_intervention_on, div#nav a.bt_2_fr:hover {width:168px; background:url(../images/nav/bt_domaines2.jpg) no-repeat;}

div#nav a.bt_competences, div#nav a.bt_3_fr {width:130px; background:url(../images/nav/bt_competences.jpg) no-repeat;}
div#nav a.bt_competences:hover, div#nav a.bt_competences_on, div#nav a.bt_3_fr:hover {width:130px; background:url(../images/nav/bt_competences2.jpg) no-repeat;}

div#nav a.bt_etudes, div#nav a.bt_4_fr {width:107px; background:url(../images/nav/bt_etudes.jpg) no-repeat;}
div#nav a.bt_etudes:hover, div#nav a.bt_etudes_on, div#nav a.bt_4_fr:hover {width:107px; background:url(../images/nav/bt_etudes2.jpg) no-repeat;}

div#nav a.bt_actu, div#nav a.bt_5_fr {width:76px; background:url(../images/nav/bt_actualites.jpg) no-repeat;}
div#nav a.bt_actu:hover, div#nav a.bt_actu_on, div#nav a.bt_5_fr:hover {width:76px; background:url(../images/nav/bt_actualites2.jpg) no-repeat;}

div#nav a.bt_references, div#nav a.bt_6_fr {width:80px; background:url(../images/nav/bt_references.jpg) no-repeat;}
div#nav a.bt_references:hover, div#nav a.bt_references_on, div#nav a.bt_6_fr:hover {width:80px; background:url(../images/nav/bt_references2.jpg) no-repeat;}

/* pour le menu en anglais */

div#nav a.bt_evolusys, div#nav a.bt_1_en {width:60px; background:url(../images/nav/bt_company.gif) no-repeat;}
div#nav a.bt_evolusys:hover, div#nav a.bt_evolusys_on, div#nav a.bt_1_en:hover {width:60px; background:url(../images/nav/bt_company2.gif) no-repeat;}

div#nav a.bt_intervention, div#nav a.bt_2_en {width:168px; background:url(../images/nav/bt_services.gif) no-repeat;}
div#nav a.bt_intervention:hover, div#nav a.bt_intervention_on, div#nav a.bt_2_en:hover {width:168px; background:url(../images/nav/bt_services2.gif) no-repeat;}

div#nav a.bt_competences, div#nav a.bt_3_en {width:130px; background:url(../images/nav/bt_expertise.gif) no-repeat;}
div#nav a.bt_competences:hover, div#nav a.bt_competences_on, div#nav a.bt_3_en:hover {width:130px; background:url(../images/nav/bt_expertise2.gif) no-repeat;}

div#nav a.bt_etudes, div#nav a.bt_4_en {width:107px; background:url(../images/nav/bt_studies.gif) no-repeat;}
div#nav a.bt_etudes:hover, div#nav a.bt_etudes_on, div#nav a.bt_4_en:hover {width:107px; background:url(../images/nav/bt_studies2.gif) no-repeat;}

div#nav a.bt_actu, div#nav a.bt_5_en {width:70px; background:url(../images/nav/bt_news.gif) no-repeat;}
div#nav a.bt_actu:hover, div#nav a.bt_actu_on, div#nav a.bt_5_en:hover {width:70px; background:url(../images/nav/bt_news2.gif) no-repeat;}

div#nav a.bt_references, div#nav a.bt_6_en {width:80px; background:url(../images/nav/bt_clients.gif) no-repeat;}
div#nav a.bt_references:hover, div#nav a.bt_references_on, div#nav a.bt_6_en:hover {width:80px; background:url(../images/nav/bt_clients2.gif) no-repeat;}

/* ---- Fin nav ----- */

div#footer {float:left; width:919px; height:25px; background:url(img/bg_footer.gif) no-repeat; font-size:10px; color:#ffffff; font-weight:bold; text-align:center; margin-top:20px; vertical-align:middle;}

div#footer div#adresse { margin-top:5px; }

div#footer div#flag { float:right; margin:-11px 45px 0px 0px; width:30px; } 
* html div#footer div#flag {margin-right:20px;}

div#footer a {color:#FFFFFF; text-decoration:none;}
div#footer a:hover {text-decoration:underline;}

/* Content */

div#content { float:left; width:919px; background:url(img/bg_content.gif) repeat-y right top; margin-top:0px; }

div#visu { float:left; width:265px; margin-top:30px; min-width:295px; z-index:2; /*	position:relative;*/ padding-left:34px; }

div#content div#texte { float:left; width:462px; font-size:11px; color:#000000; text-align:justify; margin-left:-11px; /*background:#FFFFFF;*/ min-height:330px; padding-top:30px; padding-left:30px; }

* html div#content div#texte {height:330px; margin-left:0px;}

#RUB8 div#content div#texte, 
#RUB9 div#content div#texte {margin-left:0px;}

div#content div#texte div.paragraphe {float:left; line-height:15px; /*padding:5px 30px 0px 0px;*/ padding:5px 5px 0px 0px; width:538px; z-index:1;}

div#content div#texte div.paragraphe ul.spip, ul.spip {clear:left; padding-top:5px;}

div.paragraphe .intro {font-size:12px; color:#414042; font-weight:bold;}

div.paragraphe .guillemet {font-size:20px; color:#98b445; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }

div.paragraphe .listeis ul {padding:0px 10px 6px 30px}

div.paragraphe .listebusiness ul {padding:0px 10px 6px 30px}

div.paragraphe .listebusiness ul.spip {padding:0px 10px 6px 30px}

div.paragraphe ul.spip li.spip {color:#333333; font-weight:normal; font-size:11px; list-style-image:url(img/puce.gif); padding:0px 0px 2px 4px;}
#RUB1 div.paragraphe ul.spip li {margin-left:30px;}

div.paragraphe .listetechno ul {padding:0px 10px 6px 30px}

div.paragraphe .listeintro ul {padding:0px 10px 6px 30px}

div.paragraphe .listeis ul li { padding:0px 15px 7px 3px; list-style-image:url(img/puce.gif); color:#333333; font-weight:normal; font-size:11px; }

div.paragraphe .listebusiness ul li { padding:0px 15px 20px 3px; list-style-image:url(img/puce.gif); color:#333333; font-weight:normal; font-size:11px; }

div.paragraphe .listetechno ul li { padding:0px 15px 18px 3px; list-style-image:url(img/puce.gif); color:#333333; font-weight:normal; font-size:11px; }

div.paragraphe .listeintro ul li { padding:0px 15px 22px 3px; list-style-image:url(img/puce.gif); color:#333333; font-weight:normal; font-size:11px; }

div#content div#texte div#bloc_couleur { width:553px; }

div#content div#texte div#bloc_couleur div#haut { width:542px; background-image:url(img/blocbeige_haut.jpg); position:relative; height:7px; background-repeat:no-repeat; padding-top:5px; padding-bottom:0px; background-color:#dbd2a4; }

div#content div#texte div#bloc_couleur div#bas { width:542px; background-image:url(img/blocbeige_bas.jpg); position:relative; height:7px; background-repeat:no-repeat; max-height:7px; padding-bottom:0px; z-index:200; }

div#content div#texte div#bloc_couleur div#centre { width:542px; background-color:#dbd2a4; margin-top:0px; position:relative; padding:0px 0px 5px 0px; z-index:205; }
div#content div#texte div#bloc_couleur div#centre div#symbole { float:left; padding:2px 20px 0px 20px; /*position:relative;*/ vertical-align:bottom;	 }
div#content div#texte div#bloc_couleur div#centre div#conclusion { width:440px; margin:0px 0px 0px 80px; position:relative; /*vertical-align:baseline;*/ }

div#content div#texte div#bloc_couleur div#centre div#conclusion p.textefin { text-align:justify; font-size:11px; font-weight:bold; color:#414042 }

html>body div#content div#texte div#bloc_couleur {margin-left:0px; clear:both; /* */}

/* ---- HOME PAGE ----*/

div#valeurs { position:relative; width:845px; margin-left:36px; margin-top:30px; float:left; } 
* html div#valeurs { margin-left:17px; }
 
div#valeurs_icono { position:relative; width:250x; float:left; } 
div#valeurs_texte { position:relative; float:left; width:572px; margin-left:24px; font-size:12px; color:#414042; font-weight:bold; text-align:justify; margin-top:12px; } 

div#bloc_gauche { position:relative; width:410px; margin-left:36px; margin-top:40px; float:left; } 
* html div#bloc_gauche { margin-left:17px; } 

div#bloc_gauche_haut { position:relative; width:408px; background-image:url(img/bg_titre_home.jpg); background-position:left; float:left; height:27px; background-repeat:no-repeat; } 
div#bloc_gauche_haut img.icono, div#bloc_gauche_haut img.spip_logos { padding:8px 0px 0px 23px; }

div#bloc_gauche_centre { position:relative; width:408px; float:left; overflow:auto; background-image:url(img/bg_cadre_home.jpg); background-repeat:repeat-y; padding-top:15px; height:150px; }

div#bloc_gauche_texte { position:relative; width:220px; float:left; overflow:hidden; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:20px; } 
div#bloc_gauche_icono { position:relative; width:123px; float:left; margin-left:21px; }

* html div#bloc_gauche_icono { margin-left:11px; }

div#bloc_gauche_bas { position:relative; width:408px; background-image:url(img/bg_footer_cadre_home_G.jpg); background-position:left; float:left; height:9px; background-repeat:no-repeat; margin-bottom:20px; } 
* html div#bloc_gauche_bas {  background-position:top; }

* html div#bloc_droit_bas { background-position:top; } 

div#bloc_droit { position:relative; width:410px; margin-left:29px; margin-top:40px; float:left; } 
div#bloc_droit_haut { position:relative; width:408px; background-image:url(img/bg_titre_home.jpg); background-position:left; float:left; overflow:auto; height:27px; background-repeat:no-repeat; } 
div#bloc_droit_haut img.icono2, 
div#bloc_droit_haut img.spip_logos { padding:8px 23px 0px 285px; }

div#bloc_droit_centre { position:relative; width:408px; float:left; background-image:url(img/bg_cadre_home.jpg); background-repeat:repeat-y; padding-top:15px; height:150px; }

div#bloc_droit_texte { position:relative; width:220px; float:left; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:21px; } 
div#bloc_droit_icono { position:relative; width:123px; float:left; margin-left:20px; }

* html div#bloc_droit_texte { margin-left:11px; }

div#bloc_droit_bas { position:relative; width:408px; background-image:url(img/bg_footer_cadre_home.jpg); background-position:left; float:left; height:9px; background-repeat:no-repeat; margin-bottom:20px; }

/*--- REFERENCES ---*/
div#content_ref { float:left; width:900px; margin-top:0px; }
div#references {float:left; /*overflow:hidden; */margin-left:30px; margin-top:25px; min-height:60px; position:relative;}
* html div#references { height:60px; margin-left:22px;}

div#reftexte {float:left; overflow:hidden; width:260px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; padding-left:30px; position:relative;}
div#reflogo {float:left; overflow:hidden; position:relative;}

/*--- EVOLUSYS -- MISSION ---*/

div#visu_mission { float:left; width:282px; margin-top:25px; padding-left:34px; padding-bottom:25px; }

div#tt_mission { float:left; width:538px; margin-left:8px; }

div#intro_mission { float:left; width:538px; margin-bottom:25px; margin-left:8px;}

div#argument { float:left; width:540px; margin-left:8px;}

div#argument_haut { float:left; overflow:auto; background-image:url(img/bg_mission_haut.gif); background-repeat:no-repeat; background-color:#dbd2a4; padding:20px 0px 0px 10px ; /*height:250px; */width:528px; font-weight:bold; }

div#argument_bas { width:538px; float:left; height:9px; background-image:url(img/bg_mission_bas.gif); background-repeat:no-repeat; }

.listemission ul li { margin-left:31px; margin-right:10px; padding: 0px 15px 14px 10px; list-style-image:url(img/bullet.gif); color:#333333; font-weight:bold; font-size:12px; }

/* ---- ACTUALITES ---- */

div#titre { position:relative; width: 845px; margin-left: 36px; margin-top:20px; float:left; } 
* html div#titre { margin-left : 17px; }

div#colonne_gauche { position:relative; width: 212px; float:left; margin-left: 36px; margin-top: 18px; } 
* html div#colonne_gauche { margin-left : 17px; }

div#telecharger { position:relative; float:left; width:212px; } 
div#telecharger_haut { position:relative; width:212px; background-image:url(img/bg_telecharger.jpg); background-position:left; float:left; height:21px; background-repeat:no-repeat; }

div#telecharger_centre { position:relative; width:190px; float:left; padding-top:15px; padding-bottom:15px; padding-left:12px; padding-right:10px; background-color:#e2e9b7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#414042; font-weight:bold; text-align:justify; }

.pdf{ margin-right:12px; }

div#telecharger_bas { position:relative; width:212px; background-image:url(img/bg_telecharger_bas.jpg); background-position:left; float:left; height:8px; background-repeat:no-repeat; } 
* html div#telecharger_bas {  background-position:top; }

div#alire { position:relative; /*margin-top:20px;*/ width:212px; float:left; } 
div#alire_haut { position:relative; width:212px; background-image:url(img/bg_alire.jpg); background-position:left; float:left; height:21px; background-repeat:no-repeat; } 
div#alire_centre { position:relative; width:188px; float:left; background-color:#edead4; padding-top:15px; height:150px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#414042; font-weight:bold; text-align:justify; padding-left:12px; padding-right:10px; padding-bottom:10px; }

.listealire ul {padding:0px 10px 6px 15px}

.listealire ul li { padding:0px 15px 5px 0px; list-style-image:url(img/puce.gif); color:#333333; font-weight:bold; font-size:11px; text-align:left; }

div#alire_bas { position:relative; width:212px; background-image:url(img/bg_alire_bas.jpg); background-position:left; float:left; height:8px; background-repeat:no-repeat; } 
* html div#alire_bas { margin-left:0px; background-position:top; }  div#maintext { width:413px; margin-left:28px; position:relative; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:justify; margin-top:2px; }

div#icono{ width:165px; margin-left:28px; position:relative; float:left; margin-top:18px; }

/* ---- ETUDES ---- */

.alignement {
text-align:justify;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif
}

div#content_etude { float: left; width: 919px; background: url(img/bg_content.gif) repeat-y right top; margin-top:0px; background: #FFFFFF; padding-top: 20px;text-align:justify; }

div#etude_redac { float: left; position:relative; width:456px; margin-left:35px; text-align:justify;}

* html div#etude_redac { margin-left : 17px; ;}

div#etude_titre { float: left; position:relative; margin-bottom:10px; }
div#etude_chapo { float: left; position:relative; margin-bottom:20px; width:456px; }
div#etude_chapo_haut { background-image: url(img/bg_etude_haut.jpg); background-repeat: no-repeat;	 height:10px; position:relative; background-color: #dbd2a4;	 }

div#etude_chapo_centre { background-color: #dbd2a4;	 padding : 0px 15px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:justify; position:relative;	 }

div#etude_texte { float:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; position:relative; text-align:justify; }

div#etude_chapo_bas { background-image: url(img/bg_etude_bas.jpg); background-repeat: no-repeat;	 height:11px; position:relative; }

div#etude_icono { float: left; position:relative; margin-left:45px; }

/* --- COMPETENCES ---*/

div.paragraphe .listecompetences ul li, 
#RUB3 div.paragraphe ul li.spip { margin-left:31px; padding: 0px 15px 5px 3px; list-style-image: url(img/puce.gif); color: #333333; font-weight: normal; font-size: 11px; }

html>body div#content div#texte div#bloc_couleur {margin-left: 0px; clear:both;}

/* ---- DIRIGEANTS ----*/

div#content_dir { float: left; width: 919px; background: url(img/bg_content.gif) repeat-y right top; padding-top:20px; /*padding-bottom:20px;*/ }

div#dirigeants_titre { float: left; width: 845px;` margin-top:0px; margin-left: 36px; position:relative; padding-bottom:10px; } 

div#dirigeants_bloc { float: left; width: 408px; margin-left: 0px;` margin-top:0px; margin-bottom:0px; background-color:#ede8d1; margin-left: 36px; position:relative; } 

div#dirigeants_bloc_haut { background-image:url(img/bg_dirigeants_haut.jpg); background-repeat:no-repeat; background-position:top left; min-height:338px; position:relative; padding-top:17px; padding-left:20px; }

* html div#dirigeants_bloc_haut {height:338px;}

div#dirigeants_bloc_bas { background-image:url(img/bg_dirigeants_bas.jpg); background-repeat:no-repeat; background-position:top left; position:relative; height:19px; background-color:#FFFFFF; }

.nom { font-weight: bold; font-size: 14px; color: #8dab3d; }

.fonction { font-weight: bold; font-size: 11px; color: #000; margin-bottom:10px; }

.diplome { font-size: 11px; color: #703914; margin-bottom:10px; }

.listedirigeants ul li, 
#dirigeants_bloc_haut ul li.spip { margin-left : 30px; padding: 5px 5px 0px 5px; list-style-image: url(img/puce.gif); color: #333333; font-weight: normal; font-size: 11px; }

* html div#dirigeants_bloc { margin-left : 17px; margin-top:15px; }

* html div#dirigeants_titre {  margin-left : 17px; padding-bottom:0px; }

* html div#footer {   margin-left : 0px; }

* html div#content_dir { padding-bottom:20px; }
