@charset "utf-8";

/* ---------------- */
/* --- site EN ---- */
/* ---------------- */

/* ------------------------------- GENERAL --------------------------------------------------------------------------------- */
*{ margin:0; padding:0;}
body{font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000000; background-color:#000}

input{ padding:0 5px}

a{ color:#1F5A93; text-decoration:none}
a:hover{ color:#06C; text-decoration:underline}

a.bleu{ color:#1F5A93; text-decoration:none}
a:hover.bleu{ color:#06C; text-decoration:underline}

ul{color:#003366;}
/* ------------------------------- ACCESIBILITE --------------------------------------------------------------------------------- */

#access{display: none}

#container{ width:999px; background-color:#FFF; margin:0 auto; line-height:17px;}

#header{ width:999px; height:479px;}

/* ----------------------langue -------------------------------*/
#lang{ background:#000; width:999px; height:18px; font-size:10px; color:#fff; text-transform:uppercase; }
#lang ul{ list-style:none;padding:0 0 0 45px;}
#lang ul li{ display:inline; margin:0 10px 0 0}
#lang ul li a{color:#fff; text-decoration:none}
#lang ul li a:hover{color:#0066cc; text-decoration:none}

/* ---------------------- HEADER ---------------------- */

#visu_header{ width:999px;height:461px; float:left; background:url(../../images/common/header_index.jpg) no-repeat    }
#visu_header_client{ width:999px;height:461px; float:left; background:url(../../images/common/cube3.jpg) no-repeat;  }
#visu_header_service{ width:999px;height:461px; float:left; background:url(../../images/common/cube2.jpg) no-repeat;  }


#tagline_index{width:535px; height:82px; margin:150px 0 0 0; padding:10px 0 10px 0 }
#tagline_index h1{ font-size:32px; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:65px 0 0 49px; text-transform:uppercase }

#txt_intro_index{ width:535px; height:150px; }
#txt_intro_index p{padding:20px 0 0 46px; font-size:11px; color:#FFF; width:460px; text-align:justify}

#tagline{width:535px; height:82px; margin:150px 0 0 0; padding:10px 0}
#tagline h1{ font-size:32px; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:65px 0 0 49px; text-transform:uppercase }

#txt_intro{ width:535px; height:150px; margin:0 0 0 3px;}
#txt_intro a{ font-weight:bold; color:#FFF}
#txt_intro p{padding:20px 0 0 46px; font-size:11px; color:#FFF; width:460px; text-align:justify}


/* header service */

#tagline2{
	width:410px;
	height:40px;
	margin:220px 0 0 500px;
	padding: 5px 0 5px 0;
}
#tagline2 h1{ font-size:30px; color:#FFF; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;}
#txt_intro2{ width:410px; height:150px;margin:0 0 0 499px}
#txt_intro2 p{padding:0 0 0 0; font-size:11px; color:#FFF; width:410px; text-align:justify}


#tagline-defi{
	width:410px;
	height:40px;
	margin:220px 0 0 550px;
	padding: 5px 0 5px 0;
}
#tagline-defi h1{ font-size:30px; color:#FFF; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;}



#tagline3{width:500px; height:25px; margin:220px 0 0 470px;padding: 10px 0 10px 0;}
#tagline3 h1{ font-size:32px; color:#FFF; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;}
#txt_intro3{ width:500px; height:150px;margin:0 0 0 470px}
#txt_intro3 p{padding:10px 0 0 0; font-size:11px; color:#FFF; width:460px; text-align:justify}



/* ---------------------- CONTENU ---------------------- */

#contenu{}
.fil_ariane{ color:#1F5A93; margin:0 0 0 45px}
.fil_ariane a{ color:#1F5A93; text-decoration:underline}
.fil_ariane a:hover{ color:#1F5A93; text-decoration:none}

/* ----------- Menu --------*/
#menu { width:999px; background:url(../../images/common/bgr_menu.jpg) no-repeat; height:63px;}
#menu_client { width:999px; background:url(../../images/common/bgr_menu_client.jpg) no-repeat; height:63px;}
#menu_blanc { width:999px; background:url(../../images/common/bgr_repeat_menu.jpg) repeat-x; height:63px;}

ul#nav{ list-style:none; margin:0 0 0 40px;}
ul#nav li{display:inline; float:left}
ul#nav li a{ display:block;}


ul#nav li a#btn_accueil{ background:url(../../images/en/nav_accueil.jpg) no-repeat; width:42px; height:21px; margin: 12px 5px 0 5px;}
ul#nav li a:hover#btn_accueil{ background:url(../../images/en/nav_accueil_h.jpg) no-repeat; width:42px; height:21px; margin: 12px 5px 0 5px;}

ul#nav li a#btn_accueil span{ display:none;}

ul#nav li a#btn_approche{ background:url(../../images/en/nav_approche.jpg) no-repeat; width:80px; height:21px; margin: 12px 5px 0 15px;}
ul#nav li a:hover#btn_approche{ background:url(../../images/en/nav_approche_h.jpg) no-repeat; width:80px; height:21px; margin: 12px 5px 0 15px;}
ul#nav li a#btn_approche span{ display:none;}

ul#nav li a#btn_services{ background:url(../../images/en/nav_services.jpg) no-repeat; width:69px; height:21px; margin: 12px 5px 0 15px;}
ul#nav li a:hover#btn_services{ background:url(../../images/en/nav_services_h.jpg) no-repeat; width:69px; height:21px; margin: 12px 5px 0 15px;}

ul#nav li a#btn_services span{ display:none;}

ul#nav li a#btn_community{ background:url(../../images/en/nav_community.jpg) no-repeat; width:89px; height:21px; margin: 12px 5px 0 15px;}
ul#nav li a:hover#btn_community{ background:url(../../images/en/nav_community_h.jpg) no-repeat; width:89px; height:21px; margin: 12px 5px 0 15px;}
ul#nav li a#btn_community span{ display:none;}

ul#nav li a#btn_porfolio{ background:url(../../images/en/nav_porfolio.jpg) no-repeat; width:79px; height:21px; margin: 12px 5px 0 8px;}
ul#nav li a:hover#btn_porfolio{ background:url(../../images/en/nav_porfolio_h.jpg) no-repeat; width:79px; height:21px; margin: 12px 5px 0 8px;}
ul#nav li a#btn_porfolio span{ display:none;}


ul#nav li a#btn_case{ background:url(../../images/en/nav_case.jpg) no-repeat; width:103px; height:21px; margin: 12px 5px 0 8px;}
ul#nav li a:hover#btn_case{ background:url(../../images/en/nav_case_h.jpg) no-repeat; width:103px; height:21px; margin: 12px 5px 0 8px;}
ul#nav li a#btn_case span{ display:none;}

/*ul#nav li a.btn_clients{ background:url(../../images/en/nav_clients.jpg) no-repeat; width:90px; height:21px; margin: 12px 5px 0 15px;}
ul#nav li a:hover.btn_clients{ background:url(../../images/en/nav_clients_h.jpg) no-repeat; width:90px; height:21px; margin: 12px 5px 0 15px;}
ul#nav li a.btn_clients span{ display:none;}
	
	ul#nav li ul#sous_menu{list-style:none; display:none; z-index:1000; position:absolute; margin:0 0 0 9px }
	ul#nav li ul#sous_menu li{display:block; width:163px; clear:left }
		ul#sous_menu li a span{ display:none}
		
		ul#sous_menu li a#sousmenu2{width:163px; height:31px; background:url(../../images/en/btn_porfolio.jpg) no-repeat; margin:0 0 0 0 }
		ul#sous_menu li a#sousmenu1{width:163px; height:31px; background:url(../../images/en/btn_case.jpg) no-repeat; margin:0 0 0 0 }

		ul#sous_menu li a:hover#sousmenu2{width:163px; height:31px; background:url(../../images/en/btn_porfolio_over.jpg) no-repeat; margin:0 0 0 0 }
		ul#sous_menu li a:hover#sousmenu1{width:163px; height:31px; background:url(../../images/en/btn_case_over.jpg) no-repeat; margin:0 0 0 0 }*/

	/*	ul#nav li ul#sous_menu li{ display:block}
		ul#sous_menu{ list-style:none; }
		ul#sous_menu{ list-style:none; display:none; z-index:1000;}
		ul#sous_menu li{display:block; width:200px;}
		ul#sous_menu li a span{ display:none}
	*/


ul#nav li a#btn_contact{ background:url(../../images/en/nav_contact.jpg) no-repeat; width:68px; height:21px; margin:  12px 5px 0 15px;}
ul#nav li a:hover#btn_contact{ background:url(../../images/en/nav_contact_h.jpg) no-repeat; width:68px; height:21px; margin: 12px 5px 0 15px;}
ul#nav li a#btn_contact span{ display:none;}

ul li a#btn_job{ background:url(../../images/en/nav_job.jpg) no-repeat; width:40px; height:21px; margin: 12px 5px 0 15px;}
ul li a:hover#btn_job{ background:url(../../images/en/nav_job_h.jpg) no-repeat; width:40px; height:21px; margin: 12px 5px 0 15px;}
ul li a#btn_job span{ display:none;}




#contenu_page{background-color:#FFF;}
.bloc_1{ float:left; margin:20px 0;}

#visu{float:left; margin: 0 0 0 20px;}
#text_intro{float:left; width:460px; color:#003366; margin: 0 0 0 20px; text-align:justify}
#text_intro p{margin:20px 0 0 5px;}


/* ------------------- ENCARTS ----------------------------------- */
.encarts{ float:left; margin:10px 0 0 27px !important; margin:10px 0 0 5px; width:970px; height:291px; color:#FFF; text-align:justify}

.encarts #encart1{ background:url(../../images/common/fond_encart1.jpg) no-repeat; width:299px; height:291px;float:left; margin:0 8px; text-align:justify}
.encarts #encart1 h3 { margin:12px 0 0 11px;}
.encarts #encart1 p{ float:right; width:200px; text-align:left; margin:20px 20px 0 0}
.encarts #encart1 .bouton{ text-align:right; margin:20px 20px 0 0}


.encarts #encart2{ background:url(../../images/common/fond_encart-unis.jpg) no-repeat; width:299px; height:291px;float:left; margin:0 8px; text-align:justify}
.encarts #encart2 h3 { margin:12px 0 0 11px;}
.encarts #encart2 p{
	width:245px;
	margin:20px 0 0 27px;
	
}

.encarts #encart3{
	background:url(../../images/common/fond_encart-produits.jpg) no-repeat;
	width:305px;
	height:291px;
	float:left;
	margin:0 8px;
	text-align:justify
}
.encarts #encart3 h3 { margin:12px 0 0 11px;}
.encarts #encart3 p{width:115px; margin:0 0 0 25px}
/*.encarts #encart3 p + p{text-align:left; margin:0 0 0 30px}*/


#arrondis{ background:url(../../images/common/attondis_blanc.jpg) no-repeat; width:999px; height:45px; clear:left}

/* ------------------- FOOTER ----------------------------------- */
#footer{width:979px; background-color:#000; color:#FFF; padding:30px 0 0 20px; line-height:14px;}
#footer a{color:#FFF; text-decoration:none}
#footer a:hover{color:#FFF; text-decoration:underline; }

.bord_encart{ 	border-right:solid 1px #FFF; min-height:210px; width:230px;}

.foot1, .foot2, .foot3, .foot4{ margin:0 10px 40px 0;}

.foot1{float:left;width:230px;height:250px;}
.foot1 .titre{ background:url(../../images/common/btn_bleu.jpg) no-repeat; width:140px; height:45px;}
.foot1 .titre h4{padding:6px 0 0 10px; text-transform:uppercase; font-size:11px;}
.foot1 ul{ list-style-image:url(../../images/common/fleche_bleu.jpg); color:#FFF; padding:0 10px 0 15px; }
.foot1 ul li{ margin:0 0 5px 0}
.foot1 ul li ul.sous-liste{ border:none; margin:0 0 0 1px; padding:0;list-style-image:none;color:#FFF; list-style:none}
.foot1 ul li ul.sous-liste li{ margin:0}


.foot2{float:left;width:230px;height:250px;}
.foot2 .titre{ background:url(../../images/common/btn_bleu.jpg) no-repeat; width:140px; height:45px;}
.foot2 .titre h4{padding:6px 0 0 10px; text-transform:uppercase; font-size:11px;}
.foot2 ul{list-style-image:url(../../images/common/fleche_bleu.jpg);color:#FFF;padding:0 10px 0 15px;}
.foot2 ul li{ margin:0 0 5px 0}


.foot3{float:left;width:230px;height:250px;}
.foot3 .titre{ background:url(../../images/common/btn_bleu.jpg) no-repeat; width:140px; height:45px;}
.foot3 .titre h4{padding:6px 0 0 10px; text-transform:uppercase; font-size:11px;}
.foot3 ul{list-style-image:url(../../images/common/fleche_bleu.jpg);color:#FFF;padding:0 10px 0 15px;}
.foot3 ul li{ margin:0 0 5px 0}


.foot4{float:left;width:230px;height:250px;}
.foot4 .titre{ background:url(../../images/common/btn_bleu.jpg) no-repeat;width:140px; height:45px;}
.foot4 .titre h4{padding:6px 0 0 10px; text-transform:uppercase; font-size:11px; }
.foot4 ul{ list-style-image:url(../../images/common/fleche_bleu.jpg); color:#FFF;padding:0 10px 0 15px; }
.foot4 ul li{ margin:0 0 5px 0}

.titre_btn{ background:url(../../images/common/btn_bleu_b.jpg) no-repeat; width:130px; height:45px;padding:5px 0 0 10px; float:left}
.titre_btn a{ color:#FFF; text-align:center;  }
/* page approche */
#visu_header_approche{ width:999px;height:461px; float:left; background:url(../../images/en/header_approche.jpg) no-repeat;  }
#menu_approche { width:999px; background:url(../../images/common/nav_page-approche.jpg) no-repeat; height:63px;}



.bloc_approche{ float:left; margin:10px 0 0 45px !important; margin:10px 0 0 20px; text-align:justify; color:#003366}
.bloc_approche p.intro{ width:900px;}
.bloc_approche .reflexion{ width:260px !important; width:240px; float:left; margin:10px 40px 0 0 }
.bloc_approche .reflexion p{ margin:10px 0 0 0}
.bloc_approche .reflexion ul{ list-style-type:none}

.bloc_approche .creation{ width:260px !important; width:240px; float:left; margin:10px 40px 0 25px }
.bloc_approche .creation p{ margin:10px 0 0 0}
.bloc_approche .creation ul{ list-style-type:none}

.bloc_approche .expression{ width:260px !important; width:240px; float:left; margin:10px 40px 0 25px  }
.bloc_approche .expression p{ margin:10px 0 0 0}
.bloc_approche .expression ul{ list-style-type:none}


.bloc_services{ float:left; margin:10px 0 0 25px !important; margin:10px 0 0 13px; text-align:justify; color:#003366}
.bloc_services p.intro{ width:900px;}

.bloc_services .reflexion{ width:280px !important; width:260px; float:left; margin:10px 10px 0 0 }

.bloc_services .reflexion p{ margin:10px 0 0 20px}
.bloc_services .reflexion h4{ margin:0 0 0 20px}

.bloc_services .creation{ width:280px !important; width:260px; float:left; margin:10px 10px 0 38px !important; margin:10px 10px 0 2px }
.bloc_services .creation p{ margin:10px 0 0 20px}
.bloc_services .creation h4{ margin:0 0 0 20px}

.bloc_services .expression{ width:280px !important; width:260px; float:left; margin:10px 10px 0 38px !important; margin:10px 10px 0 2px }
.bloc_services .expression p{ margin:10px 0 0 20px}
.bloc_services .expression h4{ margin:0 0 0 20px}


li h2#titre_strategie{ background:url(../../images/en/titre_strategie.jpg) no-repeat; display: block; width:77px; height:22px;}
li h2#titre_strategie span{display: none;}

li h2#titre_expertise{ background:url(../../images/en/titre_expertise.jpg) no-repeat; display: block; width:77px; height:21px;}
li h2#titre_expertise span{display: none;}

li h2#titre_ref{ background:url(../../images/en/titre_ref.jpg) no-repeat; display: block; width:127px; height:22px;}
li h2#titre_ref span{display: none;}


li h2#titre_art{ background:url(../../images/en/titre_art.jpg) no-repeat; display: block; width:103px; height:19px;}
li h2#titre_art span{display: none;}

li h2#titre_copywriting{ background:url(../../images/en/titre_copywriting.jpg) no-repeat; display: block; width:103px; height:21px;}
li h2#titre_copywriting span{display: none;}

li h2#titre_pre{ background:url(../../images/en/titre_pre.jpg) no-repeat; display: block; width:103px; height:21px;}
li h2#titre_pre span{display: none;}

li h2#titre_webdesign{ background:url(../../images/en/titre_webdesign.jpg) no-repeat; display: block; width:127px; height:20px;}
li h2#titre_webdesign span{display: none;}

li h2#titre_webapplication{ background:url(../../images/en/titre_webapplication.jpg) no-repeat; display: block; width:238px; height:21px;}
li h2#titre_webapplication span{display: none;}


li h2#titre_pro{ background:url(../../images/en/titre_promo.jpg) no-repeat; display: block; width:86px; height:21px;}
li h2#titre_pro span{display: none;}

li h2#titre_social{ background:url(../../images/en/titre_social.jpg) no-repeat; display: block; width:136px; height:21px;}
li h2#titre_social span{display: none;}


li h2#titre_prod{ background:url(../../images/en/titre_prod.jpg) no-repeat; display: block; width:136px; height:21px;}
li h2#titre_prod span{display: none;}

li h2#titre_one{ background:url(../../images/en/titre_one.jpg) no-repeat; display: block; width:180px; height:21px;}
li h2#titre_one span{display: none;}

li h2#titre_internet{ background:url(../../images/en/titre_internet.jpg) no-repeat; display: block; width:65px; height:21px;}
li h2#titre_internet span{display: none;}

li h2#titre_interactive{ background:url(../../images/en/titre_interactive.jpg) no-repeat; display: block; width:170px; height:22px;}
li h2#titre_interactive span{display: none;}

li h2#titre_direct{ background:url(../../images/en/titre_direct.jpg) no-repeat; display: block; width:134px; height:22px;}
li h2#titre_direct span{display: none;}

li h2#titre_viral{ background:url(../../images/en/titre_viral.jpg) no-repeat; display: block; width:134px; height:22px;}
li h2#titre_viral span{display: none;}


/* ---- page lexique ---*/
.bloc_lexique{ float:left; margin:20px 40px; width:900px; text-align:justify}
.bloc_lexique h1{ font-size:14px; color:#003366;}
.bloc_lexique p{ color:#003366;}


/* */
.bloc_standard{ float:left; margin:10px 0 0 45px !important;margin:10px 0 0 15px; width:900px; text-align:justify; color:#003366;}
.bloc_standard h4{ font-size:14px; color:#003366;}
.bloc_standard p{ color:#003366;}
.bloc_standard ul{ margin:0 0 0 10px; list-style:disc; padding:0 0 0 6px}


/* contact */


#plan{ float:left; margin:10px 0 20px 70px; border:1px solid #B9E2EE}
.encart_contact {width:299px; float:left}
.encart_contact .fond_bleu{background:url(../../images/common/fond_encart-logo.jpg) no-repeat; width:299px; height:291px;float:left;text-align:justify;color:#FFF; margin:10px 0 0 0}
.encart_contact .fond_bleu #adresse{
	padding:2px 30px 30px 30px;
	color:#FFF;
	margin:110px 0 0 0
}
.encart_contact .fond_bleu #adresse p,.fond_bleu #adresse p a {color:#FFF;}


.encart_contact .encat_defi{ background:url(../../images/common/fond_encart1.jpg) no-repeat; width:299px; height:291px;float:left; margin:0 0; text-align:justify;}
.encart_contact .encat_defi h3 { margin:12px 0 0 11px;}
.encart_contact .encat_defi p{ float:right; width:200px; text-align:left; margin:20px 20px 0 0; color:#FFF}
.encart_contact .encat_defi .bouton{ text-align:right; margin:20px 20px 0 0}


/*--- job ---*/

.bloc_job{ width:580px !important;width:560px; float:left; padding:0 10px}
.bloc_job ul.liste_job li{ margin:0 0 10px 0}
.bloc_cv{background:url(../../images/common/fond_encart-unis.jpg) no-repeat; width:299px; height:291px;float:right;text-align:justify;color:#FFF }

ul.liste_job_encart{ list-style:none; margin:0 0 0 -5px !important; margin:0 0 0 0 }
ul.liste_job_encart li{ margin:0 0 10px 0;}
ul.liste_job_encart li a{color:#FFF}
.bloc_cv div{ padding:2px 30px 30px 30px; color:#FFF; margin:40px 0 0 0}
.bloc_cv div p{color:#FFF}



.btn_envoi{ background:url(../../images/common/btn_envoi.png) no-repeat; width:105px; height:34px; text-align:center; border:none; font-weight:bold; color:#003366; line-height:34px}
.btn_envoi:hover{ background:url(../../images/common/btn_envoi.png) no-repeat; width:105px; height:34px; text-align:center; border:none; font-weight:bold; color:#316DA3; line-height:34px}

/*clients */
.nom_clients{
	width:180px;
	float:left;
	margin:0 0 0 -18px;
}
.texte_clients{
	width:300px;
	float:left;
	padding:0 20px;
	border-left:1px dotted #D0D8E8;
	min-height:260px;
	margin: 0 10px 0 0;
}

.logos_clients{
	width:600px;
	float:left;
	padding:0 20px;
	border-left:1px dotted #D0D8E8;
	min-height:260px;
	margin: 0 10px 0 0;
}

ul.liste_clients{ list-style:none; margin:0 0 0 10px !important; margin:0 0 0 15px;}


.visu_clients{
	width:360px;
	float:left;
}




.nom_clients_porfolio{
	width:400px;
	float:left;

}

.nom_clients_porfolio ul#galerie_mini li a:active {color:#6F97D2;}
.nom_clients_porfolio ul#galerie_mini li a:hover { color:#06C; text-decoration:underline}
.nom_clients_porfolio ul#galerie_mini li a:link { color:#1F5A93; text-decoration:none}
.nom_clients_porfolio ul#galerie_mini li a:visited {color:#6F97D2; text-decoration:none}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

.visu_porfoilo{width:350px;
	float:left;
	padding:0 20px;
	/*border-left:1px dotted #D0D8E8;*/
	min-height:260px;
	margin: 0 10px 0 0;
}


/* --*/

.coord_defi{ width:350px; padding: 20px 0 0; float:left}
.info_defi{ width:310px; padding: 20px 0 0; float:left; margin:0 0 0 90px}



#container #contenu #contenu_page .bloc_standard .coord_defi br {
	color: #C6E2FF;
}


/* plan du site */
ul.liste_plan li{ font-weight:bold;color:#1F5A93}
ul.liste_plan li ul li{ font-weight:normal;color:#1F5A93}

ul.sousliste_plan{ list-style-type:none}
ul.sousliste_plan li{ font-weight:normal}


/* --------------------- */

/*

*/