*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;	
	color:black;
}
a:hover{
	color:#96BD0D;
}
a.hover{
	color:#96BD0D;
}
a.hover:hover{
	color:black;
}

img{
	border:0px;
}
.clear{
	clear:both;
}
.vert{
	color:#96BD0D;
}




.texte_uppercase {
	text-transform: uppercase;
}
#galerie .vert {
	font-size: 12px;
}
#contact .vert{
	padding-left:6px;
}
BODY{
	/* background:#959698 url('../_img/fond_body.jpg') repeat-x 0px 0px; */
	background:#959698 url('../_img/fond_body.jpg') repeat-x 0px 0px;
	/* background-position: 0px -8px; */
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D4D4D;
}
h1, h2 {
	background:url('../_img/carre_gris.jpg') no-repeat center left;
	padding: 0px 0px 2px 25px;	
	font-size:15px;
	font-weight:normal;
}

.news_item_old h1{
	background:url('../_img/puce_news.jpg') no-repeat center left;
	background-position: 10px 6px;
	padding: 0px 0px 2px 25px;	
}

.news_item_old .news_contenu{
	padding: 0px 0px 2px 11px;	
}

#principal{
	width:1110px;
	margin:0px auto;
	background:url('../_img/fond.jpg') no-repeat 0px 0px;
	/* background:url('../_img/fond.gif') no-repeat 0px 0px; */
}

#footer_perso, #header_perso{
	font-size:10px;
	height:14px;
	
}
#header_perso{
	padding-top:4px;
	color:#DFDFDF;
}
#header_perso a{
	color:#DFDFDF;
}

#footer_perso{
	clear:both;
	width: 470px;
	margin:0 auto;
	padding:0 70px;
}
#footer_perso a{
	color:#4D4D4D;
}

/*** Header **/
#header{
	position:relative;
	/* margin-top:12px; */
	margin-top:8px;
	/* margin-top:0px;
	margin-top:12px; */
	margin-top:0px;
	width:1110px;
	height:142px;
}
#header ul{
	list-style:none;
}
#header li{
	float:left;
}

#header_logo{
	position:absolute;
	/* top:0px; */
	top:-4px;
	top:15px;
	left:370px;
	width:360px;
	height:131px;
	cursor:pointer;
}
#header_pictos{
	position:absolute;
	top:53px;
	/* top:60px; */
	left:225px;
}
#header_langues{
	position:absolute;
	top:53px;
	/* top:60px; */
	left:740px;
}
#header_langues li{
	padding:0px 3px;
	background:url('../_img/rond.jpg') no-repeat top center;
	width:35px;
	height:35px;
	line-height:35px;
	font-weight:bold;
	cursor:pointer;
}
#header_langues li a{
	color:white;
}

#header_langues li.hover,#header_langues li:hover{
	background:url('../_img/rond_up.jpg') no-repeat top center;
}
#header_langues li a:hover, #header_langues li.hover a, #header_langues li:hover a{
	color:black;
}	

#certif_google {
	display:block;
	position:absolute;
	right:85px; top:8px;
}

#menu{
	margin-left:61px;
	margin-bottom:17px;
	height:35px;
	
}
#menu ul{
	list-style:none;
}
#menu li{
	float:left;
	width:162px;
	height:30px;
	padding-top:5px;
	margin-right:2px;
	line-height:30px;
	cursor:pointer;
}
#menu a{
	color:white;
	background:black;
	width:162px;
	height:30px;
	display:block;
}
#menu a:hover, #menu li:hover a, #menu li.hover a{
	color:black;
	background:#91B60D;
	background:#96BD0D;
}
#menu li:hover, #menu li.hover{
	/* background:url('../_img/menu_up.png') no-repeat top center; */
	background:url('../_img/menu_up.jpg') no-repeat top center;
}



/*** Galerie (Réalisations) **/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:470px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}

#fullsize {position:relative; width:470px; height:350px; /* padding:2px; *//*  border:1px solid #ccc; */ /* background:#000 */}
/* #information {position:absolute; top:270px; width:470px; height:0; background:transparent; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)} */
#information {position:absolute; top:300px; width:470px; height:0; background:transparent; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:12px; text-align:center; font-weight:normal;}
#information p {padding:0 8px 8px; text-align:center;}
#image {width:470px}
#image img {position:absolute; z-index:25; width:auto; padding:2px; background-color:#9AA19C}
#image img:hover, #image img.hover {background-color:#97BF0D}

/* #image img {position:absolute; z-index:25; width:470px}
#image img {position:absolute; z-index:25; width:470px} */
.imgnav {position:absolute; width:25%; height:280px; cursor:pointer; z-index:150}
/* #imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat} */
#imglink {position:absolute; height:297px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
/* #imglink {*background-color:green; *filter:alpha(opacity=0)} */
#imglink {background-color:green; z-index:99999; filter:alpha(opacity=0);opacity:.0;}

#thumbnails {margin-top: 10px;margin-bottom:15px; clear:both; overflow:hidden;}
#slideleft {float:left; width:20px; height:91px; background:transparent url('../_img/precedent.jpg') center center no-repeat; /* background-color:#222 */}
#slideleft:hover {/* background-color:#333 */}
#slideright {float:right; width:20px; height:91px; background:transparent url('../_img/suivant.jpg') center center no-repeat}
#slideright:hover {/* background-color:#333 */}
/* #slidearea {float:left; position:relative; width:424px; margin-left:5px; height:81px; overflow:hidden} */
#slidearea {float:left; position:relative; width:424px; margin-left:3px; height:91px; overflow:hidden}
/* #slider {position:absolute; left:0; height:81px} */
#slider {position:absolute; left:0; height:91px}

#slider img {cursor:pointer; /* border:1px solid #666; */ padding:2px; background-color:#9AA19C}
#slider img:hover {background-color:#97BF0D}



/*** Galerie (Accueil) **/
#masque{
	position:absolute;
	top: 10px;
	top: 9px;
	left: 294px;
	z-index: 99999;
}

#accueil #wrapper {margin-top: -40px;width:520px;}
#accueil #fullsize {width:520px; height:400px;}
#accueil #thumbnails {position:absolute; top: 325px;}
#accueil #information {width:275px; height:0;top:334px; right:0; text-align:right;}
#accueil #information h3 {padding:1px 20px 0px 20px; font-size:12px; text-align:left; font-weight:bold; margin: 0px 0 0 54px; width:201px;}
#accueil #information h3 div.middle {background:transparent url('../_img/real_middle.jpg') top left repeat-y; /* padding-left: 20px; */ text-align:center}
#accueil #information h3 div.top{height: 8px; background:transparent url('../_img/real_top.jpg') top left no-repeat}
#accueil #information h3 div.bottom{height: 8px;background:transparent url('../_img/real_bottom.jpg') top left no-repeat}
/* #accueil #information h3 {background:transparent url('../_img/real_fond.png') top left no-repeat} */
#accueil #information h3 b{color:#4D4D4D;}
#accueil #information p {padding:12px 3px 8px 8px; text-align:right;}
#accueil #imglink {height:325px;}
#accueil #slideleft {float:left; width:1px; height:81px; background:none;}
#accueil #slideright {float:right; width:1px; height:81px; background:none;}
#accueil #slidearea {margin-left:0px;}
#accueil #slider img {cursor:pointer; padding:0 3px 0 0;}
#accueil #slider img {display:block; float:left; background:none; border:none;}

#accueil #image img {position:absolute; z-index:25; width:auto; padding:0px; background-color:transparent}
#accueil #image img:hover, #accueil #image img.hover {background-color:transparent}

#test2, #test2 img { width:470px; height:262px; margin:0;padding:0; color:white;background-color:white; }


/*** Accueil (Clip video I CAN DO IT) **/
#home_video {
	float: left;
	margin-top: 10px;
	margin-left: 21px;
	width: 455px;
}

#home_video > div {
	float: left;
	width: 100%;
}

#clip_video > div {
	float: left;
	margin-left: 20px;
}

#clip_video .title {
	display: block;
	float: right;
	margin-top: 12px;
}

#logos_partners {
	margin-left: 15px;
	margin-top: 20px;
}

#logos_partners > .title {
	margin-left: 5px;
}

#logos_partners table {
	border-collapse: collapse;
	margin: 5px auto 0 auto;
	width: 450px;
}

#logos_partners td {
	text-align: center;
	vertical-align: middle;
}

#logos_partners .align_left	{ text-align: left; }		
#logos_partners #tab2 { width: 386px; }
#tab2 #cellule_roquette { width: 134px; }
#tab2 #cellule_astroturf { width: 177px; }
#tab2 #cellule_groupe_ci { width: 75px; }

/* #accueil #contenu_contacter { bottom: 135px !important; right: 337px; } */



/*** Patchwork (l'équipe) **/
.soustitre{
	color: #96BD0D;
	font-size:13px;
	padding-left:25px;
}

#patchwork{
	position:relative;
	width:474px;
	height:524px;
	display:none;
}

#images{display:none;}
#images ul{list-style-type:none;}

#patch-panneau_a, #patch-panneau_b, #patch-panneau_c, #patch-panneau_d, #patch-panneau_e, #patch-panneau_f, #patch-panneau_g{
	position:absolute;
	margin:0;
	padding:0;
}
#patch-panneau_a div, #patch-panneau_b div, #patch-panneau_c div, #patch-panneau_d div, #patch-panneau_e div, #patch-panneau_f div, #patch-panneau_g div{
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#patch-panneau_a{
	top:0;
	left:0;
	width: 318px;
	height:173px
}

#patch-panneau_b{
	top:0;
	left:324px;
	width: 150px;
	height:51px
}
#patch-panneau_c{
	top:57px;
	left:324px;
	width: 150px;
	height:118px
}
#patch-panneau_d{
	top:179px;
	left:0px;
	width: 112px;
	height:346px
}
#patch-panneau_e{
	top:179px;
	left:118px;
	width: 200px;
	height:145px
}
#patch-panneau_f{
	top:179px;
	left:324px;
	width: 150px;
	height:145px
}
#patch-panneau_g{
	top:330px;
	left:118px;
	width: 356px;
	height:194px
}

#copyright{
	text-align:right;
	padding-top:6px;
}
#copyright span{font-weight:bold;}



/*** Contenu **/
#contenu{
	width:1110px;
	position:relative;
	padding-bottom:70px;
}
#contenu_strategie{
	position:absolute;
	top:38px;
	left:87px;
}
#contenu_realisation{
	position:absolute;
	top:168px;
	left:106px;	
}
#contenu_marketing{
	position:absolute;
	top:320px;
	left:140px;	
}

#contenu_contacter{
	position:absolute;
	z-index:0;
	bottom:120px;
	right:321px;
	bottom:165px;
	bottom:130px;
	right:321px;
	text-align:right;
}

#accueil #contenu_contacter{
	/* bottom:130px;*/ 	bottom: 135px;
	/*right:294px;*/	right: 337px;
	 
}

#galerie #contenu_contacter{
	right:313px;
}

#edito #contenu_contacter{
	bottom:125px;
	right:314px;
}


#contenu_contacter div{
	font-size: 13px;
	text-align:center;
	padding-top: 2px;
}

#contenu_contacter.contact{
	position:absolute;
	z-index:0;
	bottom:100px;
	right:321px;
	
	bottom:120px;
	bottom:135px;
	bottom:130px;
	right:295px;
	text-align:right;
}
#contenu_contacter.contact p{
	padding-right:32px;
	padding: 5px 32px 0 0;
}

#contenu_informations{
	position:absolute;
	top:435px;
	right:30px;
	right:70px;
	/* font-family: Arial, Helvetica, sans-serif; */
	/* letter-spacing:-1px; */
	text-align:right;
	padding-bottom: 30px;
}
#contenu_informations a{
	color:#4D4D4D;
}
#contenu_informations a:hover{
	color:black;
}

.contenu_texte{
    padding:0;
    width:470px;
	padding:0px 54px 70px;
	margin:0px auto;	
	min-height:506px;
	text-align:left;
	background:url('../_img/fond_texte_bg.png') repeat-y 0px 0px;
}

#accueil.contenu_texte{
	min-height:350px;
	width:520px;
 	/* padding:0px 29px 120px;  */		padding:0px 29px 105px;
}


#galerie.contenu_texte{
	min-height:350px;
}

#news.contenu_texte{
	padding:0px 54px 100px;
}

#contact.contenu_texte{
    padding:0;
    width:470px;
	padding:0px 54px 25px;
	margin:0px auto;	
	min-height:486px;
	text-align:left;
	background:url('../_img/fond_texte_bg.png') repeat-y 0px 0px;
}



/** News **/
#news.contenu_texte{min-height:380px;}

#news h2.texte_uppercase a {
	color:#828282;
	font-weight:bold;
}

#news h2 a, .news_item h2 a {
	color:#96BD0D;
}

#news h2 a:hover, .news_item h2 a:hover {
	color: #000000;
}

#news > h2,
#news > div > h2 {
	margin-bottom: 16px;
}

.news_item h2 {
	background:url('../_img/puce_news.jpg') no-repeat center left;
	background-position: 10px 6px;
	display: block;
	float: left;
	padding: 0px 0px 10px 25px;
	width: 445px;
}

.news_item h2 span, .news_item h2 a {
	display: block;
	float: left;
}

.news_item h2 span {
	width: 70px;
}

.news_item h2 a {
	width: 375px;
}

.news_item .news_contenu{
	padding: 0px 0px 21px 11px;
	text-align: justify;
}
.news_item .news_contenu a{color:#4D4D4D;}
.news_item .news_contenu a:hover{color:black;}

#edito.contenu_texte{min-height:400px;padding:0px 54px 90px;}
#edito #page_texte img{border:solid 2px #9AA19C;}
#edito h1, #news h2 {
	font-size: 12px;
	padding-top: 1px;
}

.contenu_texte_top{
	background:url('../_img/fond_texte_top.png') no-repeat 0px 0px;
	width:578px;
	height:36px;
	margin:0px auto;	
}
.contenu_texte_bottom{
	background:url('../_img/fond_texte_bottom.png') no-repeat 0px 0px;
	width:578px;
	height:36px;
	margin:0px auto;	
}
.contenu_contact{
	background:url('../_img/fond_contact.jpg') no-repeat 0px 13px;
	/* min-height:456px; */
	min-height:466px;
	
	padding-right:100px
}

.contenu_contact_form{
	z-index:20;
	position:relative;
}

.contenu_contact_form table{
	/* margin-left: -50px; */
}
#page_texte{
	text-align:justify;
}



/** Galerie Realisations **/
#galerie_realisations {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

#galerie_realisations ul, #galerie_realisations li {
	float: left;
	list-style: none;
	overflow: hidden;
	position: relative;
}

#galerie_realisations ul li {
	border: 1px #9AA19C solid;
	cursor: pointer;
	height: 94px;
	margin: 0 0 7px 7px;
	width: 150px;
}

#galerie_realisations ul li.first_child {
	margin-left: 0;
}

#galerie_realisations ul li:hover {
	border-color: #96BD0D;
}

#galerie_realisations .vignette_conteneur {
	float: left;
	position: relative;
}

#galerie_realisations .vignette_conteneur img {
	height: 94px;
	width: 150px;
}

#galerie_realisations .box_conteneur {
	left: 0;
	position: absolute;
	top: 94px;
}

#galerie_realisations .box_conteneur > a {
	background: url('../_img/fond_box_realisation.png');
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	height: 74px;
	padding: 10px;
	text-align: right;
	width: 130px;
}

#galerie_realisations .box_conteneur > a span {
	display: block;
	left: 10px;
	position: absolute;
	text-align: right;
	width: 130px;
}

#galerie_realisations .box_conteneur > a .nom_client {
	font-weight: bold;
	font-size: 13px;
	bottom: 25px;
}

#galerie_realisations .box_conteneur > a .lieu_client {
	font-size: 11px;
	bottom: 10px;
}


/** Formulaires **/
label{
	font-size:12px;
	float:right;
	padding:6px 0px;
}
input{
	width:180px;
	border:1px solid #4D4D4D;
	/* height:25px; */
	height:20px;
}
textarea{
	border:1px solid #4D4D4D;
	width:181px;
	height:170px;
}
.bouton{
	border:0;
	background-color:#96BD0D;
	width:105px;
	line-height:20px;
	/* font-weight:bold; */
	font-size:13px;
	/* height:20px; */
	padding-bottom:2px;
	cursor:pointer;
}

#contact .bouton:hover{
	color:white;
}

.plan_liste{
	list-style:none;
	
}

.plan_liste li{
	font-size:12px;
	padding-left: 25px;	
}

.plan_titre{
	font-size:12px;
	font-weight:bold;
	background:url('../_img/puce_news.jpg') no-repeat center left;
	background-position: 10px 18px;
	padding: 12px 0px 2px 25px;	
}


/***
	Erreurs
***/
div.successBlock, div.errorBlock,div.delBlock  {
	width: 300px;
	margin: 0px auto 10px auto;
	padding: 5px 5px 5px 40px;	
	}
div.successBlock{	
	/* background: url(../_img/sign_valid.png) 5px 2px no-repeat #e0ffe2; */
	background-color:#F2F2F2;
	color: #4D4D4D;		
	padding: 5px 5px 5px 5px;	
	/* height: 23px; */
	height:auto;
	text-align:center;
	border: 1px solid #4D4D4D;	
}	
div.errorBlock {
	border: 1px solid #FF6F78;
	background: url(../_img/sign_error.png) 8px center no-repeat #fff2f2;
	background-color: #fff2f2;
}
div.delBlock {
	border: 1px solid #FFB900;
	height: 23px;
	background: url(../_img/sign_deleted.gif) 7px 4px no-repeat #FFEEBF;
	color: #AF7F00;
}