/*                                  */
/*         ACCES-WEB.COM            */
/*   Copyright 2008, Acces-web      */
/*    CREE LE : 16-01-2008          */
/*----------------------------------*/

body {background: #ebf6fe; margin:0; font-family:Trebuchet MS; font-size:10px;}

#conteneur{background:url(../images/bg1-1.jpg) repeat-x; width:100%; position:relative; height:auto; float:left;}

#conteneurNav{background:url(../images/bg-nav.jpg) repeat-x; width:100%; position:relative; height:auto;}
#conteneurHaut{width:955px; margin:0 auto; position:relative; padding:0; /*min-height:762px;*/}

a{color:#596671;}
a:hover{color:#e95d23;}

/*------------------------------------------------------------------------------*/
/*------------------------------- PAGE ACCUEIL ---------------------------------*/
/*------------------------------------------------------------------------------*/
#logo {
	float:left;
	margin:5px 0 0 13px;
	width:212px;
	height:115px;
	background:url(../images/logo-infocob.jpg) no-repeat;
}
	#logo h2 {text-indent:-5000px;}


ul#menuHaut {
	position:absolute;
	top:5px;
	left:652px;
	width:293px;
	height:41px;
	background:url(../images/menu-haut.jpg) no-repeat;
	padding:0;
	margin:0;
	list-style-type:none;
}
	ul#menuHaut li {float:left; margin:0; padding:2px 0 0 0; text-align:center; font-weight:bold; font-size:1.2em; list-style:none; display:inline;}
	ul#menuHaut li a.actualites { float:left; width:73px; border-right:1px solid #ffffff; color:#FFFFFF; text-decoration:none; padding:0 0 0 10px;}
	ul#menuHaut li a.espace { float:left; width:96px; border-right:1px solid #ffffff; color:#FFFFFF; text-decoration:none;}
	ul#menuHaut li a.groupe { float:left; width:102px; color:#FFFFFF; text-decoration:none; padding:0 10px 0 0;}


a.decouvrez {
	position:absolute;
	top:120px;
	left:0;
	width:352px;
	height:251px;
	background:url(../images/decouvrez-infocob.jpg) no-repeat;
	text-indent:-5000px;
}


#intro {
	float:left;
	padding:0;
	margin:11px 0 0 363px;
	display:inline;
}
#intro h2 { width:573px; color:#d9ecfa; font-size:2.4em; padding:0 0 8px 0; margin:0; font-weight:normal; line-height:22px; background:url(../images/bg-accroche.gif) repeat-x bottom left; }
#intro h2 span {color:#edb937; font-weight:bold; padding:0; margin:0; font-size:22px; }
#intro p { width:573px; color:#cce1f4; font-size:1.2em; padding:2px 0 0 0; margin:0; line-height:16px; }
#intro p span {color:#edb937; font-weight:bold; }


#grc {
	clear:left;
	float:left;
	margin:171px 0 0 9px;
	width:447px;
	color:#596671;
	font-size:1.1em;
	line-height:16px;
}
	#grc h3 {color:#2a5176; font-size:1.7em; font-weight:normal; padding:0 0 3px 0; margin:0 0 10px 0; border-bottom:1px solid #afc1d0;}	
	#grc h4 {color:#0087d4; font-size:1.3em; font-weight:bold; margin:0px 0 10px 0; padding:0; display:block;}
	#grc p {padding:0 0 25px 0; margin:0;}
	
	#grc .puceIntro{ clear:left; background:url(../images/puce-default.gif) no-repeat; margin:0; padding:5px 0 5px 25px; color:#e95d23; font-size:1.4em; font-weight:bold; width:110px; height:35px; float:left;}
	#grc .txtIntro{ float:left; margin:0 0 0 10px; width:300px; padding:5px 0 0 0; height:40px; font-size:1.2em; font-weight:bold;}
	

#nouveautes {
	float:left;
	margin:171px 0 8px 20px;
	width:220px;
	color:#596671;
	font-size:1.1em;
	line-height:16px;
	border-bottom:1px solid #afc1d0;
}
	#nouveautes h3 {color:#2a5176; font-size:1.7em; font-weight:normal; padding:0 0 3px 0; margin:0; border-bottom:1px solid #afc1d0;}	
	#nouveautes h4 {color:#0087d4; font-size:1.3em; font-weight:bold; margin:10px 0 10px 0; padding:0; display:block;}
	#nouveautes img {margin:0px 2px 7px 2px; padding:0;}
	#nouveautes a.savoirPlus { float:right; color:#0087d4; text-decoration:none; font-weight:bold; font-size:1.1em; padding:0 0 3px 0; }
	
	#nouveautes .methode{ line-height:30px;}


#actualite {
	float:left;
	margin:171px 0 8px 20px;
	width:220px;
	color:#596671;
	font-size:1.1em;
}
	#actualite h3 {color:#2a5176; font-size:1.7em; font-weight:normal; padding:0 0 3px 0; margin:0; border-bottom:1px solid #afc1d0; line-height:16px}	
	#actualite .uneActu {float:left; padding:0; margin:0; width:220px; border-bottom:1px solid #afc1d0;}
	#actualite .uneActu .date {float:left; padding:0; margin:10px 0 0 0; width:36px; height:35px; background:url(../images/date-calendrier.jpg) no-repeat;}
	#actualite .uneActu .date .jour {float:left; padding:0; margin:0; width:36px; color:#FFFFFF; font-size:1.6em; font-weight:bold; line-height:22px; text-align:center;}
	#actualite .uneActu .date .mois {clear:left; padding:0; margin:0; width:36px; color:#596671; font-weight:bold; line-height:13px; text-align:center;}
	#actualite .uneActu .detail {float:left; padding:0; margin:6px 0 0 9px; width:174px;}
	#actualite .uneActu a.lire { float:right; color:#0087d4; width:85px; text-decoration:none; font-weight:bold; padding:0 0 3px 0; }


#centrePage{ position:relative; float:left; width:955px; background:url(../images/bg-centrenav.jpg) no-repeat;}
#centrePage #colGauche{position:relative; float:left; width:695px; padding:0; margin:0 28px 0 0;}
#centrePage #colGauche #hautColonneGauche{ height:95px; position:relative; float:left; width:695px;}
#centrePage #colGauche #hautColonneGauche h1{ margin:10px 0 0 30px; padding:0; border-bottom:1px solid #4a91c2; font-size:3em; color:#FFF;}
#centrePage #colGauche #hautColonneGauche #introPage{margin:0 0 0 30px;; padding:0; font-size:1.4em; color:#c7dae9;}


#centrePage #colGauche #gaucheContent{ position:relative; float:left; margin:20px 0 15px 0; padding:0; width:272px;}
#centrePage #colGauche #gaucheContent h3{ margin:10px 0 0 10px; padding:0; border-bottom:1px solid #afc1d0;color:#2a5176; font-size:1.6em; font-weight:normal; line-height:1.1em;}
#centrePage #colGauche #gaucheContent #plusInfocob{font-size:1.9em; font-weight:bold; color:#ff4800; padding:12px 0 15px 52px; background:url(../images/plus-infocob.jpg) no-repeat; border:none;}
#centrePage #colGauche #gaucheContent #clientInfocob{font-size:1.9em; font-weight:bold; color:#799b01; margin:20px 0 5px 10px; padding:12px 0 15px 52px; background:url(../images/client-infocob.jpg) no-repeat; border:none;}
#centrePage #colGauche #gaucheContent ul{ margin:10px 0 10px 10px; padding:0; list-style:none; font-size:1.1em;}
#centrePage #colGauche #gaucheContent ul li{ margin:0 0 5px 0; padding:4px 2px 4px 25px; color:#596671; border-bottom:1px solid #8dbad8; font-size:1.2em; font-weight:bold; line-height:1.1em; background:url(../images/bg-plus-infocob.gif) no-repeat #ebf6fe left;}

#centrePage #colGauche #gaucheContent .clientInf{ margin:0 0 0 35px; padding:0; font-size:1.2em; color:#596671;}
#centrePage #colGauche #gaucheContent .clientInf a{padding:2px; color:#799b01;}
#centrePage #colGauche #gaucheContent .clientInf a:hover{ padding:2px; background:#799b01; color:#FFF; text-decoration:none;}


#centrePage #colGauche #droiteContent{ position:relative; float:left; margin:20px 0 15px 0; padding:0 0 0 30px; width:393px; background:url(../images/bg-droite-content.jpg) repeat-y;}
#centrePage #colGauche #droiteContent h2{clear:left; margin:15px 0 0 0; padding:0; border-bottom:1px solid #afc1d0; color:#0c5193; font-size:1.8em; font-weight:normal; line-height:1.1em;}
#centrePage #colGauche #droiteContent p{ clear:left; margin:5px 0 4px 0; padding:0; color:#596671; font-size:1.2em; line-height:17px;}
#centrePage #colGauche #droiteContent p a img{ background:#deeffb; padding:4px; border:1px solid #c9e0f1; margin:5px 0 0 10px;}
#centrePage #colGauche #droiteContent p a:hover img{ border: 1px solid #f78e2a; background:#ffe0bc;}


#centrePage #colGauche #centreContent{ position:relative; float:left; margin:10px 0 15px 0; padding:0 0 0 30px; width:665px; text-align:justify;}
#centrePage #colGauche #centreContent h3{clear:left; margin:15px 0 0 0; padding:0; border-bottom:1px solid #afc1d0; color:#0c5193; font-size:1.8em; font-weight:normal; line-height:1.1em;}
#centrePage #colGauche #centreContent p{ clear:left; margin:5px 0 4px 0; padding:0; color:#596671; font-size:1.2em; line-height:17px;}
#centrePage #colGauche #centreContent p.lien {clear:left; margin:5px 0 20px 0; padding:0; color:#596671; font-size:1.2em; text-align:right;}
#centrePage #colGauche #centreContent p.lien a {color:#ff4800; text-decoration:underline;}
#centrePage #colGauche #centreContent p a img{ background:#deeffb; padding:4px; border:1px solid #c9e0f1; margin:5px 0 0 10px;}
#centrePage #colGauche #centreContent p a:hover img{ border: 1px solid #f78e2a; background:#ffe0bc;}
#centrePage #colGauche #centreContent .partenaire{ float:left; background:#c9e0f1; padding:2px 0px 2px 0; margin:-9px 4px 15px 10px; width:150px; color:#0c5193; font-weight:bold; text-align:center; font-size:1.1em;}
#centrePage #colGauche #centreContent ul { color:#596671; font-size:1.2em; line-height:17px; margin-top:0; margin-bottom:0px;}
#centrePage #colGauche #centreContent ul li { margin:0px; padding:0 0 5px 0;}

#centrePage #colGauche #centreContent .reference {float:left; width:315px; height:165px; color:#596671; font-size:1.1em; line-height:17px; margin:0 15px 10px 0; padding:0;}
#centrePage #colGauche #centreContent .reference h4{float:left; width:315px; margin:5px 0 8px 0; padding:0; border-bottom:1px solid #afc1d0; color:#0c5193; font-size:1.8em; font-weight:normal; line-height:1.1em;}
#centrePage #colGauche #centreContent .reference a img{ background:#deeffb; padding:4px; border:1px solid #c9e0f1; margin:5px 0 0 5px;}
#centrePage #colGauche #centreContent .reference a:hover img{ border: 1px solid #f78e2a; background:#ffe0bc;}
#centrePage #colGauche #centreContent .reference a { color:#799b01;}


/*------------------------------------------------------------------------------*/
/*------------------------------- Rajouté par ASR ---------------------------------*/
/*------------------------------------------------------------------------------*/
#centrePage #colGauche #centreContent .reference2 {float:left; position:relative; border:1px solid #afc1d0; width:205px; height:102px; color:#596671; font-size:1.1em; line-height:17px; margin:0 10px 10px 0; padding:0;}
#centrePage #colGauche #centreContent .reference2 h4{float:left; width:100px; margin:9px 0 5px 0; padding:0; border-bottom:1px solid #afc1d0; color:#0c5193; font-size:1.2em; font-weight:normal; line-height:1.1em;}
#centrePage #colGauche #centreContent .reference2 a img{background:#deeffb; padding:4px; border:1px solid #c9e0f1; margin:5px 5px 5px 5px;}
#centrePage #colGauche #centreContent .reference2 a:hover img{ border: 1px solid #f78e2a; background:#ffe0bc;}
#centrePage #colGauche #centreContent .reference2 a { color:#799b01;}

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

#centrePage #colGauche #centreContent .chpCourt{ float:left; padding:0; margin:8px 0 0 0; display:inline; color:#596671; font-size:1.2em;  width:330px;}
#centrePage #colGauche #centreContent .chpLong{ float:left; padding:0; margin:8px 0 0 0; display:inline; color:#596671; font-size:1.2em; width:660px;}
#centrePage #colGauche #centreContent label {display:block; width:100px; float:left; padding:0; margin:0;}

#centrePage #colGauche #centreContent  h4.exemple { clear:left; background:url(../images/guillemets-ouvrant.jpg) no-repeat left top; margin:20px 0 0 0; padding:14px 0 0 22px; color:#ff4800; font-size:1.6em; font-weight:bold; line-height:1.1em;}
#centrePage #colGauche #centreContent p.ssTitreExemple{clear:left; margin:-8px 0 0 22px; padding:10px 35px 0 0; line-height:14px; background:url(../images/guillemets-fermant.jpg) no-repeat bottom right; color:#ff4800;}
#centrePage #colGauche #centreContent p.detailExemple{margin:2px 0 0 22px; padding:17px 0 0 25px; background:url(../images/separation-exemple.jpg) no-repeat top left; }
#centrePage #colGauche #centreContent p.ilsTemoignent{margin:0 0 0 48px; height:33px; line-height:33px; padding:0 0 0 38px; background:url(../images/service-ils-temoignent.jpg) no-repeat left; color:#799b01; font-size:1.4em; font-weight:bold;}
#centrePage #colGauche #centreContent p.ilsTemoignent a { margin:0 0 0 10px; color:#596671; font-size:0.9em; text-decoration:none; font-weight:normal;}
#centrePage #colGauche #centreContent p.ilsTemoignent a:hover { margin:0 0 0 10px; color:#799b01; font-size:0.9em; text-decoration:underline; font-weight:normal;}
#centrePage #colGauche #centreContent #clientInfocob{font-size:1.5em; font-weight:bold; color:#799b01; margin:10px 0 0px 10px; padding:12px 0 15px 35px; background:url(../images/crm-utilisateurs.jpg) no-repeat left; border:none;}
#centrePage #colGauche #centreContent .clientInf{ margin:-5px 0 0 45px; padding:0; font-size:1.2em; color:#596671;}
#centrePage #colGauche #centreContent .clientInf a{padding:0px; color:#799b01;}
#centrePage #colGauche #centreContent .clientInf a:hover{ padding:0px; background:#799b01; color:#FFF; text-decoration:none;}

#centrePage #colGauche #centreContent h4.cle {clear:left;  background:url(../images/guillemets-ouvrant.jpg) no-repeat left top; margin:10px 0 0 0; padding:14px 0 0 22px; color:#ff4800; font-size:1.6em; font-weight:bold; }
#centrePage #colGauche #centreContent p.suiteCle{clear:left; text-align:justify; margin:0 0 0 22px; padding:0px 18px 10px 0; line-height:14px; background:url(../images/guillemets-fermant.jpg) no-repeat 100% 75%; color:#596671;}


#centrePage #colDroite{position:relative; float:left; width:222px; padding:0; margin:48px 0 0 0; background:url(../images/bg-colDroite.jpg) no-repeat #d9ecfb; }
#centrePage #colDroite h3{ font-size:1.2em; color:#f25413; line-height:1em; margin:10px 10px 0 10px; padding:0 0 3px 0; border-bottom:1px solid #aac6dc;}
#centrePage #colDroite h3 span{font-size:1.8em; color:#274b6d; line-height:1em;}
#centrePage #colDroite h3 span.devenirPart{font-size:1.6em; color:#274b6d; line-height:1.1em;}
#centrePage #colDroite h3 span.formation{font-size:1.4em; color:#274b6d; line-height:1.1em; font-weight:normal;}
#centrePage #colDroite p{ font-size:1.1em; color:#596671; line-height:1.4em; margin:5px 0 5px 10px; padding:0 0 3px 0; border-bottom:1px solid #aac6dc; width:200px;}
#centrePage #colDroite p a{color:#596671; text-decoration:none;}
#centrePage #colDroite p a:hover{color:#596671; text-decoration:underline;}

#centrePage #colDroite .regions{ font-size:1.2em; color:#e95d23; font-weight:bold;}

#centrePage #colDroite form{ margin:0; padding:0 0 10px 0; }
#centrePage #colDroite form input{ margin:0; padding:0; height:18px; border:1px solid #8cbad8; background-color:#ebf6fe;}
#centrePage #colDroite form textarea{ margin:0; padding:0; border:1px solid #8cbad8; background-color:#ebf6fe;}

#centrePage #colDroite form .court{ border:none; margin:0 0 0 10px; padding:0 0 5px 0; float:left; width:95px; font-weight:bold; display:inline;}
#centrePage #colDroite form .court input{ width:93px; margin:0; padding:0;}
#centrePage #colDroite form .long{ border:none; margin:0 0 0 10px; padding:0 0 5px 0; float:left; width:200px; font-weight:bold; display:inline;}
#centrePage #colDroite form .long input{width:198px; margin:0; padding:0;}
#centrePage #colDroite form .long textarea{width:198px; margin:0; padding:0;}
#centrePage #colDroite form .longBorder{border-bottom:1px solid #aac6dc; margin:0 0 0 10px; padding:0 0 5px 0; float:left; width:200px; font-weight:bold; display:inline;}
#centrePage #colDroite form .longBorder select{width:198px; margin:0; padding:0;  border:1px solid #8cbad8;  background-color:#ebf6fe;}
#centrePage #colDroite form #btnEnvoi{ height:40px; border:none; background:none; margin-top:10px;}

#centrePage #colDroite ul{ list-style:none; margin:0 10px; padding:0;}
#centrePage #colDroite ul li{ margin:2px 0 0 0; padding:0 0 2px 0; border-bottom:1px solid #aac6dc;}
#centrePage #colDroite ul li a{ text-decoration:none; font-size:1.2em; color:#0c5193;}
#centrePage #colDroite ul li a:hover { color:#f25413;}
#centrePage #colDroite ul li#enCours { background:url(../images/bg-enCours.gif) no-repeat; height:25px; line-height:25px; padding:0 0 0 10px;}
#centrePage #colDroite ul li#enCours a{color:#FFF; font-weight:bold;}

#centrePage #colDroite #basColdroite{ background:url(../images/bas-colDroite.jpg) no-repeat #ebf6fe; width:222px; height:85px}


#conteneurFooter {
	background:url(../images/bg-footer.jpg) repeat-x #dcedf9;
	width:100%;
	clear:left;
	height:88px;
	padding:15px 0 0 0;
}

#footer {
	position: relative;
	margin: 0px auto;
	background:url(../images/footer.jpg) no-repeat;
	width:930px;
	height:45px;
	color:#264c71;
	font-size:1.2em;
	font-weight:bold;
}
	#footer #adresse {float:left; padding:0; margin:6px 0 0 109px;}
	#footer #adresse span { font-size:1.4em;}
	#footer #tel {float:right; padding:0; margin:6px 12px 0 0; color:#f25413; font-size:1.5em; text-align:right; }
	#footer a.email {padding:0; margin:0px; color:#264c71; text-decoration:none; font-size:12px; }



			#zoneRef{ margin:0; padding:0 0 0 10px; height:250px;}
			#zoneRef p.image {
				display:inline;
				padding-right:10px;
				margin:0px 0 15px 0;
			}
			#zoneRef p.image a:link img, #zoneRef p.image a:visited img{border:4px solid #dae4ee}
			#zoneRef p.image a:hover img{border:4px solid #fd9201}

			
			
			
			a.imgRef:link, a.imgRef:visited {
				border:4px solid #dae4ee;
				width:155px;
				min-height:115px !important;
			}
			a.imgRef:hover {
				border:4px solid #fd9201;
				width:155px;
				min-height:115px !important;
			}
			
			h6{color:#ef7f11; font-size:15px; margin:0;	padding:10px 0 5px 0;}
			a.ref:link, a.ref:hover, a.ref:visited{ font-size:12px; color:#000000;text-decoration:none;}
			

			#refGauche{
				background:#FFFFFF;
				padding:10px 10px 0px 0px;
				width:198px;
				text-align:justify;
				float:left;	
			}
			#refDroite{
				width:305px;
				padding:0;
				margin:10px 0 0px 5px;
				float:left;
			}
			#refDroite p{padding:0;	margin:0; text-align:justify;}
			#refDroite h5{
				color:#ef7f11;
				font-size:15px;
				margin:0;	
				padding:0 0 5px 0;	}
			
			#refDroite h6{
				width:305px;
				text-align:center;
				background:#fd9201;
				color:#FFFFFF;
				font-size:13px;
				margin:0;	
				padding:0;	}
				
			#refGauche p{padding:0 0 10px 0; margin:0; text-align:justify;}
			#refGauche p.image{margin:0 0 10px 0; padding:0;border:4px solid #dae4ee;}


			#retour {
				width:495px;
				text-align:center;
				padding:10px 0 10px 0;
			}
			
			.txtNav2 { margin:0 0 0 20px; padding:0;}
			
			.txtNav2 .refH6{color:#ef7f11; font-size:15px; margin:0; padding:20px 0 0 0; border-bottom:1px solid #c3ccd5; clear:left; width:540px;}
			.txtNav2 .titreUL{color:#00557B; font-size:13px; margin:0; padding:20px 0 0 0; border-bottom:1px solid #c3ccd5; clear:left; width:540px;}
			.txtNav2 .explic{ margin:1px 0; padding:5px; background:#eaf3fc; color:#00557B; width:530px; font-size:12px;}
			.txtNav2 .listeRef{ margin:10px 0; padding:0; list-style:none; width:600px;}
			.txtNav2 .listeRef li{ margin:0 10px 0 0; padding:0; list-style:none; float:left; width:170px; border-bottom:1px solid #d2e0ef;}
			.txtNav2 .listeRef li a{ display:block; width:165px; margin:0; padding:3px 0 3px 5px; color:#00557B; text-decoration:none;}
			.txtNav2 .listeRef li a:hover{ background:#ef7f11; color:#FFF;}
			
#centrePage #colDroite #casenorobot{ margin-top:5px; }
#centrePage #colDroite #casenorobot input,
#centrePage #colGauche #centreContent #casenorobot input{ float:left; }
#centrePage #colDroite #casenorobot input{ width:15px; height:10px; margin-right:5px; float:left; }
#centrePage #colDroite #casenorobot label,
#centrePage #colGauche #centreContent #casenorobot label{ float: none; font-size: 12px; line-height: 17px; margin-left: 7px; text-align: left; width: 550px; }

.dadywinie{ display:none; }