/*Global*/
*{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; }
body{background:#262a2d;}
#site{width:1000px; height:auto; background:url(images/fondsite.jpg) repeat-y; padding:0 4px; margin:0 auto;}
#ml{width:1000px; height:auto; background:url(images/fondsite.jpg) repeat-y; font-weight:bold; }
.bloc45{width:45px; height:45px; float:left}
h1{font-size:30px; font-weight:bold; width:908px ; height:45px; float:left; background:url(images/fondtitre.gif) no-repeat; color:#0b3d55}
td{vertical-align:top}
.bluebold{color:#18366d; font-weight:bold}
.blackbold{color:#000000; font-weight:bold}
p{line-height:18px;}

a { position: relative; }

input { position: relative; }

select { position: relative; }

textarea { position: relative; }


/*Header*/
#header{width:1000px; height:140px; background-color:#999}
#header #logo {width:1000px; height:104px; background:url(images/fondheader.jpg) no-repeat;}
#header #menu-header {width:1000px; height:37px; background-color:#093361}
#header #menu-header #menu{position:absolute}

#header #menu-header {width:1000px; height:37px; background-color:#093361}
#header #menu-header-index {width:1000px; height:37px; background:url(images/bgmenuindex.jpg) repeat-x}
.grostexteIndex{font-size:30px; color:#bdecff}
#header #menu-header #menu{position:absolute}
#header #menu-header #menu-index{position:absolute}

/*Menu*/

 
/****************************/
/* 	début menu	déroulant	*/
/****************************/
#menu{
	/*padding-top:10px;*/
	color:#FFF;
	width:1000px;
}
#menu a{
	display:block;
	height:15px;
	color:#FFF;
	text-decoration:none;
	padding:10px 20px;
	float:left;
	font-weight:bold;
}

#menu a:hover{
	text-decoration:none;
	background-color:#10579b;
}

#menu ul, #menu li {
list-style-type:none;
}
 
/*chaque sous-menu*/
#menu ul li {
position:relative;
float:left;
padding:0;
cursor:pointer;
display:block;
background:none;
height:22px;
}

#menu ul li a{
	border-right:dotted 1px #bababa;
}

/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
border-top:none;
top:35px;
left:0;
background-color:#036;
width:142px;
}


#menu ul li ul li {
height:100%;
width:130px;
padding:0;

}


#menu ul li ul li a {
color:#FFF;
font-size:11px;
font-weight:normal;
display:block;
height:100%;
padding:6px;
width:130px;
border-right:none;
/*border-top:1px solid #dddddd;*/
}
 
/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:hover {
color:#ffffff;
background:#10579b;
width:100%;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:125px;
}
 
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {
left:-127px;
}

/*Fin menu*/
/*Menu*/

 
/****************************/
/* 	début menuindex	déroulant	*/
/****************************/
#menu-index{
	/*padding-top:10px;*/
	color:#353434;
	width:1000px;
	
	

}
#menu-index a{
	display:block;
	height:15px;
	color:#353434;
	text-decoration:none;
	padding:10px 20px;
	float:left;
	font-weight:bold;
}

#menu-index a:hover{
	text-decoration:none;

}

#menu-index ul, #menu-index li {
list-style-type:none;
z-index:1000;
}
 
/*chaque sous-menu*/
#menu-index ul li {
position:relative;
float:left;
padding:0;
cursor:pointer;
display:block;
height:22px;
}

#menu-index ul li a{
	border-right:dotted 1px #bababa;
}

/*carré déroulant sous un sous-menu niveau 1*/
#menu-index ul li ul {
display:none;
position:absolute;
border-top:none;
top:35px;
left:0;
background-color:#036;
width:142px;
}


#menu-index ul li ul li {
height:100%;
width:130px;
padding:0;

}


#menu-index ul li ul li a {
color:#FFF;
font-size:11px;
font-weight:normal;
display:block;
height:100%;
padding:6px;
width:130px;
border-right:none;
/*border-top:1px solid #dddddd;*/
}
 
/*au passage de la souris on inverse les couleurs de la case*/
#menu-index ul li ul li a:hover {
color:#ffffff;
background:#10579b;
width:100%;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu-index ul li ul li ul {
top:0px;
left:125px;
}
 
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu-index ul li ul li ul.dernier {
left:-127px;
}

/*Fin menu*/
#header #logo-index #header_container-index{padding:6px 10px 0px 18px; }
#header #logo-index #header_container-index ul{ list-style-type:none;}
#header #logo-index #header_container-index ul li{display:inline;}
#header #logo-index #header_container-index ul li img{border:0;}
.headertext{margin-top:10px;margin-left:220px;clear:both; width:450px; color:#FFF; height:250px}


#header #logo #header_container{padding:6px 10px 0px 18px; }
#header #logo #header_container ul{ list-style-type:none;}
#header #logo #header_container ul li{display:inline;}
#header #logo #header_container ul li img{border:0;}



.logo{float:left}
.drapeau{/*width:210px;*/ height:26px; float:right;}
.drapeau img{border:0px}

/*Content*/
#content-index{width:1000px; height:354px; background:url(images/fond-index-content.gif) repeat-x top; clear:both}
#content{width:1000px; min-height:500px; background:url(images/bgheadcontent.jpg) no-repeat top;}
#content-index h1{background:none; font-size:24px}
#content_title{width:1000px; height:60px;}
.titre img{float:left}

#content_centre #indexleft{width:430px; float:left; padding-top:10px; margin-left:15px;}
#content_centre news{}
#index-wylog{width:118px; background:url(images/fond-index-wylog.gif) no-repeat ; height:200px; float:left; padding-left:15px; padding-top:10px; padding-right:10px}
#index-wylog p{ font-size:11px; line-height:normal}
#index-wylog p img{border:none; padding-top:6px; padding-bottom:6px}



/*LEFT*/
#content_centre #left{width:250px; float:left; padding-top:10px;}
#left2{width:250px; float:left; padding-top:10px;}
#content_centre #left #menu_left{border:1px solid #cccdd2; width:203px; float:right; background:#f6f6f6 }
#menu_left ul {list-style:none; }
/*#menu_left li{height:30px; padding-top:6px}*/
#menu_left li{ padding-top:6px;min-height:20px;}
#menu_left .titre{font-weight:bold;}
#menu_left .menu a{ text-decoration:none; color:#000}
#menu_left .menu a:hover{ text-decoration:none; color:#999}
#menu_left .menu li{border-top:1px solid #cccdd2; padding-left:10px; }
#menu_left .active{background:url(images/menuleft_active.gif) repeat-x; color:#FFF; height:auto; min-height:20px;}
#menu_left .active a{color:#fff}

#menu_left .sousmenu-marketing li{padding:8px 0 0 30px;border:0px; color:#145974; height:auto;}
#menu_left .sousmenu-business li{padding:8px 0 0 30px; border:0px; color:#016163; height:auto;}
#menu_left .sousmenu-emarketing li{padding:8px 0 0 30px; border:0px; color:#498c1a; height:auto;}
#menu_left .sousmenu-isv li{padding:8px 0 0 30px;border:0px; color:#687178; height:auto;}

#menu_left ul li ul {padding-bottom:6px;}


#menu_left h4{margin:0; padding:0; font-size:14px; color:#0b3d55}

/*PDF*/
#content_centre #left #telecharger-pdf{width:152px; height:167px; float:right; background:url(images/pdf.jpg) no-repeat; margin-top:180px; padding-top:102px; text-align:center; font-weight:bold}
.button{width:125px; height:20px; padding-top:5px; font-weight:normal; background:url(images/button.gif) no-repeat; margin:5px auto; text-align:center}
.button a{text-decoration:none; font-weight:normal; color:#333333; }


/*CENTER*/
#content_centre #center{width:675px; float:right; padding-right:50px}
#center2 {width:675px; float:right; padding-right:50px}
#center #baniere{width:675px; height:173px;}
#center #baniere #baniere_image{width:675px; height:166px; border:1px solid #cccdd2;}
.ombre{background:url(images/ombre.gif) repeat-x; width:100%; height:7px; clear:both }


#content_texte{width:675px; padding-top:6px;}
#content_texte h2{}
#content_texte *{text-align:justify;}

#content_texte .h2-m a{color:#144b6b; font-size:20px;}
#content_texte .h2-m {padding:10px 0;}
#content_texte .h2-mtitre {padding-bottom:10px;}
#content_texte .h2-mtitre a{font-size:16px; font-weight:bold; padding-bottom:15px;}

#content_texte .h2-b{padding:10px 0;}
#content_texte .h2-b a{color:#016163; font-size:20px; padding:10px 0;}
#content_texte .h2-btitre {padding-bottom:10px;}
#content_texte .h2-btitre a{font-size:16px; font-weight:bold; padding-bottom:15px;}

#content_texte .h2-e{padding:10px 0;}
#content_texte .h2-e a{color:#498c1a; font-size:20px; padding:10px 0;}
#content_texte .h2-etitre {padding-bottom:15px;}
#content_texte .h2-etitre a{font-size:16px; font-weight:bold;}

#content_texte .h2-i{padding:10px 0;}
#content_texte .h2-i a{color:#687178; font-size:20px; padding:10px 0;}
#content_texte .h2-ititre {padding-bottom:10px;}
#content_texte .h2-ititre a{font-size:16px; font-weight:bold; padding-bottom:15px;}

#nosservices td{width:320px; padding-right:20px;}
#nosservices td a{color:#000; text-decoration:none;}
/*index*/
#header #logo-index {width:1000px; height:516px; background:url(images/bgheadindex.jpg) no-repeat; clear:both}
#bloc{ color:#FFF;}
.bloc-titre{font-weight:bold; padding-left:15px; height:55px;}
.bloc-content{}
.index-titre{padding-top:10px;font-size:24px; display:block; float:left; color:#0b3d55; font-weight:bold}
#bloc p{line-height:24px; margin-bottom:10px;}
#bloc ul{list-style:none}
#bloc ul li{ padding-left:15px; background:url(images/puceBloc.gif) no-repeat 0px 8px; font-weight:bold; padding-top:4px; width:190px}
#bloc #bloc1{width:195px; height:194px; float:left; background:url(images/fond-bloc1.png) no-repeat;padding-left:20px; padding-top:20px; padding-right:5px;}
#bloc #bloc2{width:195px; height:194px; float:left; background:url(images/fond-bloc2.png) no-repeat;padding-left:20px; padding-top:20px; padding-right:5px}
#bloc #bloc3{width:195px; height:194px; float:left; background:url(images/fond-bloc3.png) no-repeat;padding-left:20px; padding-top:20px; padding-right:5px}
#bloc #bloc3 p{padding-top:5px}
#bloc #bloc4{width:250px; height:194px; float:left; background:url(images/fond-bloc4.png) no-repeat;padding-left:20px; padding-top:20px; padding-right:5px}
#bloc #bloc4 ul li{ padding-left:15px; background:none; font-weight:bold; padding-top:4px; width:190px; }

#content_centre ul.listeatouts{list-style:none}
#content_centre ul.listeatouts li { background:url(images/fond-list-bloc.png) no-repeat; height:50px; padding:17px 70px 5px 50px;font-size:16px; width:335px}
+html #content_centre ul.listeatouts li { 
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fond-list-bloc.png');
}


#news{width:364px; float:left; height:273px; background:url(images/fond-news-bloc.png) no-repeat; margin-top:-50px;margin-left:6px; margin-right:6px; padding-top:30px; padding-left:20px }
.actus-titre-vert{font-size:18px; color:#076459; background:url(images/separeateur-actu.gif) no-repeat bottom left; height:30px;}
.actus-container{width:340px; padding-top:6px }
.actus-list{padding:6px 0px;}
.actus-list span{display:block;font-size:11px; line-height:14px}
.actus-link a{color:#b04a2d; text-decoration:none;font-size:11px}
.actus-link a:hover{color:#b04a2d; text-decoration:underline;font-size:11px}




/*marketing*/
#content_texte .text-container-marketing{float:left; width:313px;padding-left:17px; padding-bottom:15px;}
#content_texte .text-container-marketing li{list-style-image:url(images/puce1.gif)}
#content_texte .text-container-marketing p{width:300px; text-align:justify}
.content-texte-titre-marketing{ font-size:12px; font-weight:bold; color:#145974; display:block;}
.h2-marketing{font-size:36px; color:#144b6b; font-weight:normal; padding-bottom:12px;}

/*business*/
#content_texte .text-container-business{float:left; width:313px;padding-right:17px;padding-left:17px; padding-bottom:15px;}
#content_texte .text-container-business li{list-style-image:url(images/puce1.gif)}
#content_texte .text-container-business p{width:300px; text-align:justify}
.content-texte-titre-business{ font-size:12px; font-weight:bold; color:#016163; display:block;}
.h2-business{font-size:36px; color:#016163; font-weight:normal; padding-bottom:12px;}

/*e-marketing*/
#content_texte .text-container-emarketing{float:left; width:313px; padding-left:17px; padding-bottom:15px;}
#content_texte .text-container-emarketing li{list-style-image:url(images/puce1.gif)}
#content_texte .text-container-emarketing p{width:300px; text-align:justify}
.content-texte-titre-emarketing{ font-size:12px; font-weight:bold; color:#498c1a; display:block;}
.h2-emarketing{font-size:36px; color:#498c1a; font-weight:normal; padding-bottom:12px;}

/*isv*/
#content_texte .text-container-isv{float:left; width:313px;padding-left:17px;padding-right:17px; padding-bottom:15px;}
#content_texte .text-container-isv li{list-style-image:url(images/puce1.gif)}
#content_texte .text-container-isv p{width:300px; text-align:justify}
.content-texte-titre-isv{ font-size:12px; font-weight:bold; color:#687178; display:block;}
.h2-isv{font-size:36px; color:#687178; font-weight:normal; padding-bottom:12px;}


/*Equipe*/
.list-equipe{width:630px; padding:20px; min-height:154px;}
.list-equipe .photo-equipe{float:left; width:154px; height:154px; padding-right:20px;}
.list-equipe .description-equipe{float:left; width:450px; text-align:justify}
.list-equipe .description-equipe .nomequipe{font-size:20px; font-weight:bold; color:#000}
.list-equipe .description-equipe .fonctionequipe{font-size:20px; font-weight:bold; color:#145974}
.list-equipe .description-equipe p{padding:10px 0; height:auto}
.list-equipe  img{border:1px solid #dedede}

.news-detail{width:630px; padding:20px; min-height:154px;}
.titre-news-detail{color:#687178; font-size:14px; font-weight:bold;}
.description-news p{line-height:18px; padding:10px 0; height:auto}

.news-list{width:630px; padding:10px; min-height:150px; margin:0 auto; }
.news-list-detail{width:280px; padding:5px 15px; min-height:150px; float:left}
.news-list-detail p{padding:10px 0; height:auto}
.news-list-detail img{border:none}
.news-list-detail a{text-decoration:none;}
.news-list-detail a .newsdate{color:#000}


.recrutement-titre{font-size:36px; color:#687178}
.recrutement-list{width:650px; padding:10px 10px 10px 0px;  min-height:150px; }

.recrutement-list-detail{width:300px; padding:5px 25px 5px 0px; min-height:130px; float:left}
.recrutement-list-detail img{border:none}
.recrutement-list-detail a{text-decoration:none;}
.recrutement-list-detail a .newsdate{color:#000}
.recrutement-list-detail p{padding:10px 0; height:auto}
.titre-recrutement-detail{color:#000; font-size:14px; font-weight:bold;}


.lirelasuite{color:#b04a2d;}
.lirelasuite a{color:#b04a2d; text-decoration:underline}

/*Qui sommes nous*/
.qsn-text{padding:10px 0 20px 0}
.qsn-center{background:url(images/bgqsn.jpg) repeat-x; padding:20px 0 20px 20px; min-height:230px !important; height:230px}
.qsn-bloc{float:left; width:300px; padding-right:20px; }
.qsn-titre{ font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#0b3d55}
.qsn-bloc p{padding-left:20px; padding-bottom:10px; padding-top:10px;}
.qsn-carte{clear:both}
.f16{font-size:16px}


/*References*/
.reference-liste{}
.reference-liste-image{float:left; width:210px; height:100px}
.reference-liste-desc{float:left; width:440px; padding-top:10px; padding-bottom:20px;}
.reference-liste-desc p{padding:10px 0;}
.reference-liste-titre{ font-weight:bold; color:#4d80ab}
.reference-liste-desc span.reference-liste-link{float:right;color:#b04a2d; padding:10px 0; }
.reference-liste-desc span.reference-liste-link a{color:#b04a2d; padding-left:10px;}

/*Emplois*/
.emplois-center{background:url(images/bgemplois.jpg) repeat-x; padding:10px 0 0 20px; min-height:170px !important; height:170px}
.emplois-center p{padding-top:10px;}
.emplois-titre{font-size:36px; color:#687178;}
.emplois-form td{height:25px;}

.emplois-form fieldset{padding:10px;}
.emplois-form input{ text-align:left;}
.emplois-form input.file{width:220px}
.emplois-form legend {padding-bottom:10px; padding-top:10px;}
.emplois-form textarea {width:644px; margin-top:10px; height:100px;}
.emplois-file, .emplois-message{padding-top:10px;}
.button-envoyer{float:right; padding-top:10px;}

/*Contact*/
.contact-bloc{float:left; width:300px; padding-right:20px; }
.contact-titre{font-size:36px; color:#687178;}
.contact-soustitre{font-weight:bold; font-size:14px}
.contact-bloc span.reference-liste-link a{color:#b04a2d; padding-left:10px;}
.contact-bloc strong{color:#3769c6;}
.emplois-form .contact-text{font-size:14px; font-weight:bold; color:#666}


/*Référence detail*/
.reference-detail-blocleft{width:412px; height:auto; float:left; padding-top:15px;}
.reference-detail-blocleft2{width:412px; height:auto; float:left;}
.reference-detail-temoignage {padding:15px 20px 15px 10px;}
.reference-detail-temoignage p{padding:10px 0px;}
.reference-detail-titre-nom{font-size:26px; color:#f06c0b; }
.reference-detail-titre-partner{font-size:13px; font-family:Tahoma; font-weight:bold; color:#6b6868}
.reference-detail-titre-website{font-size:11px; color:#069; font-weight:bold}
.autres-temoignage-bloc{width:253px; height:auto; float:left; padding-left:0px}
.autres-temoignage-bloc2{width:253px; height:auto; float:left}
.autres-temoignage-titre{font-size:18px; color:#333333; padding-left:10px}
.autres-temoignage-link{height:75px;}
.autres-temoignage-link a{text-decoration:none; color:#6b6868; display:block; width:100px; padding:2px 10px; float:left}
.autres-temoignage-link a:hover{text-decoration:underline; color:#6b6868}
.temoignage-titre{font-size:18px; font-weight:bold; color:#333}
.temoignage-prevnext{height:25px; padding:10px 0px 2px 10px; width:380px }
.temoignage-prevnext a{text-decoration:none; color:#6b6868; font-weight:bold}
.temoignage-logo{text-align:center}
.sepright{border-left:solid 1px #6b6868; padding-left:10px;}
.sepleft{border-right:solid 1px #6b6868; padding-right:10px;}
.retour a{text-decoration:none; color:#6b6868}
.retour a:hover{text-decoration:underline; color:#6b6868}

/* Partenaire */
.wylog-content{ width:1000px; height:235px; background:url(images/bgwylog.jpg) repeat-x; margin-top:5px; clear:both}
.wylog-content-logo{float:left; padding-top:30px; height:185px}
.wylog-content-logo img{padding:10px}
.wylog-content-text p{padding:25px; text-align:justify}
.boldbluewylog{font-size:14px; font-weight:bold; color:#1f389e}
.contact1{	background:url(images/bgcontact1.jpg) no-repeat; height:150px; width:200px; float:right; padding-bottom:8px}
.contact1 p{width:180px; margin:0 auto; padding-top:14px; padding-bottom:6px text-align:justify}
.contact2{	background:url(images/bgcontact2.jpg) no-repeat; height:120px; width:200px; float:right}
.contact2 p{width:180px; margin:0 auto; padding-top:14px; text-align:justify padding-bottom:6px}
/*.patenaire-content{width:310px; height:255px; padding:10px 20px 10px 0px;float:left}*/
.patenaire-content{width:310px;padding:10px 20px 10px 0px;float:left}
.patenaire-content p{padding-top:10px;}
.patenaire-content p img {padding:8px 0px;}
.patenaire-content-nom{ font-size:18px; color:#687178}
.spacer{height:10px;}

/*Footer*/
#footer-index{width:1000px; height:61px; background:url(images/fondfooter.jpg) repeat-x; clear:both;}
#footer{width:1000px; height:100px; background:url(images/fondfooter.jpg) repeat-x; clear:both;}
#footer #logo_defilant{height:61px; background:#d0d5d6}