html {
	font-size:100%;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.875em;
	margin:0;
	padding:0;
	color:#666;
}
/* raz */
ul, li, p, div, span, form, a, table, td, img {
	margin:0;
	padding:0;
	list-style:none;
}
a {
	text-decoration:none;
	color:#900;
}
a:hover {
/*	text-decoration:underline;*/
	color:#f00;
}
a:active{
   outline:none;
}
a.lien {
	padding-right:7px;
	background:no-repeat top right url(../images/liens.gif);
}
h1 {
	padding:10px 0 0 0;
	margin:0 0 30px 0;
	border-bottom:2px solid #278CE7;
	color:#278CE7;
	font-weight:normal;
	font-size:1.5em;
}
h2 {
	padding:5px 0 5px 20px;
	color:#E21855;
	font-weight:normal;
	font-size:1.3em;
}
/* structure */
html, body {
	height:100%;
}
.emballageDiv {
	height:100%; /* ie = émuler min-height */
	min-height:100%;
	position:relative;
	voice-family:inherit;
	background:url(../images/fond-page.png) #fff repeat-x top center;
	text-align:center;
}
.centreeDiv {
	margin:0 auto;
	text-align:left;
	width:770px;
	position:relative;
}
html > body .emballageDiv {
	height:auto; /* non-ie = ne pas fixer la hauteur */
}
.milieuDiv {
	padding:308px 0 160px 0;
}

/* ------------------------ entete - debut ------------------ */
#logo-cogerisc {
	position:absolute;
	top:20px;
	left:0px;
	text-decoration:none;
}
#logo-cogerisc img {
	border:none;
}
.menuPrincipal {
	position:absolute;
	top:0px;
	left:300px;
}
.menuPrincipal li {
	float:left;
	background-image:url(../images/puce-menu-accueil-1.png);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:1.4em;
}
.menuPrincipal li.contact {
	background-image:url(../images/puce-menu-accueil-2.png);
}
.menuPrincipal li a {
	float:left;
	padding:17px 25px 0 5px;
	margin-left:6px;
	color:#1364B9;
}
.menuPrincipal li.contact a {
	color:#990000;
}
.menuPrincipal li a:hover {
	text-decoration:none;
	color:#333;
}
/* ------------------------ entete - fin ------------------ */


/* ------------------------ bande bleue - debut ------------------ */
.accroche {
	position:absolute;
	top:125px;
	left:0px;
	background:#fff;
	width:336px;
	height:160px;
	overflow:hidden;
	font-size:0.9em;
	line-height:1.45em;
	color:#33A3FF;
}
.accroche em{
	font-style:normal;
	color:#900;
	display:block;
	text-align:right;
}
.pointsForts h3{
	margin:0;
	padding:0 0 10px 0;
	font-size:1.2em;
	font-weight:normal;
}
.pointsForts {
	position:absolute;
	top:125px;
	left:355px;
	color:#FFF;
}
.pointsForts li{
	background:url(../images/puce-sousmenu-accueil.gif) no-repeat center left;
	padding:0 0 7px 25px ;
	margin:0 0 0 10px;
	font-size:1.1em;
}
.pointsForts li:first-letter {
	font-weight:bold;
}
/* ------------------------ bande bleue - fin ------------------ */

/* ---------------- boites flottantes - début --------------------*/
.boitePadder {
	padding:10px;
}
.boite1 {
	float:left;
	width:336px;
}
.boite2 {
	float:left;
	margin:0 0 0 10px;
	width:269px;
}
.boite3 {
	float:right;
	width:145px;
}

.rang1 {
	background-image:url(../images/boite-rang-1.png);
	margin-top:10px;
}
.rang1 .boite1 {
	color:#D7EDFF;
}
.rang1 .boite1 a {
	color:#D7EDFF;
	display:block;
	line-height:2em;
	/*font-size:1.8em;*/
	text-align:center;
}
.rang1 .boite1 h4 {
	font-size:1.8em;
	text-align:center;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:2em;
}
.rang1 .boite1 a:hover {
	color:#fff;
	text-decoration:none;
}
.rang1 .boite2 {
	color:#FCD1DF;
	font-size:1.1em;
	text-align:justify;
}
.rang1 .boite2 a {
	color:#fff;
	border-bottom:1px dotted #fff;
}
.rang1 .boite2 a:hover {
	text-decoration:none;
}
.rang1 .boite2 b {
	font-size:1.8em;
	text-align:center;
	padding:3px 0;
}
.rang1 .boite3 {
	color:#fff;
	font-size:0.8em;
}

.rang2 {
	margin:25px 0 0 0;
}
.rang2 li{
	list-style-type:disc;
	margin:0 0 5px 20px;
	font-size:0.95em;
	list-style-position: outside;
}
.rang2 li.hasLien {
	list-style-type:none;
	/*margin:0 0 0 0;*/
}
.rang2 .boite1 a {
	font-weight:bold;
	background:url(../images/puce-lien-accueil.gif) no-repeat top left;
	padding-left:20px;
	margin-top:5px;
	display:block;
}
.rang2 .boite2 a {
	font-weight:bold;
	background:url(../images/puce-lien-accueil.gif) no-repeat top left;
	padding-left:20px;
	margin-top:5px;
	display:block;
}

.rang2 .boite3 a {
	display:block;
	font-size:0.8em;
	background:url(../images/boite-faq.gif) no-repeat top left;
	padding-top:45px;
}
.rang3 {
	margin:20px 0 0 0;
}
.rang3 h4 {
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
.rang3 .boite1 {
	background:url(../images/boite-4.png) no-repeat bottom right;
	color:#fff;
}
.rang3 .boite1 a{
	color:#FFFFCC;
	display:block;
}
.rang3 .boite1 a:hover{
	color:#FFF;
	text-decoration:none;
}
.rang3 .boite1 h4 {
	font-size:1.8em;
	text-align:center;
	font-weight:normal;
}
.rang3 .boite2 div, .rang3 .boite3 div{
	padding:0 20px 20px 0;
}
.rang3 .boite2, .rang3 .boite3 {
	font-size:0.9em;
	background-position:right top;
	background-repeat:no-repeat;
	color:#33A3FF;
}
.rang3 .boite2 a, .rang3 .boite3 a{
	text-decoration:underline;
	color:#33A3FF;
}
.rang3 .boite2 a:hover, .rang3 .boite3 a:hover{
	color:#0E58AA;
}
.rang3 .boite2 {
	background-image:url(../images/boite-explication.gif);
}
.rang3 .boite3 {
	background-image:url(../images/boite-localisation.gif);
}
/* ---------------- boites flottantes - fin ---------------------*/
.sousMenu {
	color:#278CE7;
}
.sousMenu li {
	float:left;
}
.sousMenu li a:after, .sousMenu li span:after {
	content:" - ";
	padding-left:3px;
}
.sousMenu li a, .sousMenu li span {
	padding:10px 3px 2px 3px;
	float:left;
}
.sousMenu span.active {
  background:url(../images/sousmenu-active.gif) no-repeat top center;
}
.zoom-contact {
  margin:20px 0;
  text-align:right;
  border-right:16px solid #E21855;
  color:#E21855;
  font-size:1.1em;
  padding:2px 5px;
  border-bottom:1px solid #FFE5E5;
}
/* ----------------- formulaires - début ----------------------------- */
.etiquette {
	float:left;
	display:block;
	width:200px;
	text-align:right;
	padding:0 5px 0 0;
	color:#278CE7;
	cursor:pointer;
}
.valeur{
	padding:0 0 0 210px;
	display:block;
}
.ligne {
	margin:0 0 10px 0;
}
fieldset {
  border:solid 1px #ccc;
  background:#f5f5f5;
  padding:20px;
  margin:20px 0 20px 100px;
  position:relative;
  width:530px;
  display:block;
}
legend {
  font-weight:bold;
  margin:0 0 10px 0;
  position:absolute;
  top:-0.5em;
  left:20px;
}
input, textarea {
  border:1px solid #ccc;
  margin:1px 0;
  padding:1px;
  width:125px;
  line-height:16px;
  font-size:14px;
}
textarea {
   overflow: auto;
   width:250px;
   height:100px;
   margin:0;
}
.form-input-hover {
  border:1px solid #666;
  color:#333;
}
.form-input-focus {
  border:1px solid #278CE7;
  color:#333;
  background-color:#D7EDFF;
}
.form-input-erreur {
  border:1px solid #f00;
  color:#f00;
}
label.form-label-erreur {
  color:#f00;
}
#Message {
  width:300px;
  height:100px;
  margin:0 auto;
  display:block;
}
#Envoyer {
  border:1px solid #1364B9;
  background-color:#2992ED;
  color:#fff;
  font-weight:bold;
}
.signature {
  text-align:right;
}
h2.message-erreur {
  font-size:1em;
  font-weight:normal;
  padding:10px;
  border:7px solid #Fcc;
  background-color:#FFE5E5;
}
/* --- captcha --- */
.invisible {
  display:none;
}
#captcha {
	position:relative;
	margin:10px 0 5px 0;
	z-index:249;
}
#captcha .label {
	margin:0 0 3px 0;
	padding:0 0 0 100px;
}
#captcha a {
	cursor:pointer;
}
#captcha .titre-champs {
  padding-top:0;
}
#captcha img {
	vertical-align:middle;
	border:0;
}
#captcha #code {
  vertical-align:middle;
}
#aideCaptcha {
	display:block;
	z-index:250;
	position:absolute;
	background:#1364B9;
	width:300px;
	top:0px;
	right:24px;
	color:#fff;
	text-align:left;
	border:2px #fff solid;
}
#aideCaptcha.invisible {
  display:none;
}
#aideCaptcha p {
	background:#f5f5f5;
	color:#1364B9;
	padding:10px;
	margin:1px;
	clear:right;
}
#aideCaptcha .regenere {
	font-weight:bold;
	text-decoration:none;
}
#aideCaptcha .fermeCaptcha {
	float:right;
	font-weight:bold;
	color:#fff;
	padding-right:10px;
	text-decoration:none;
}
/* ----------------- formulaires - fin ----------------------------- */

/* --------------------- pied - début -------------------*/
/* ---- menu extra ----*/
.motsClefs {
	padding:2px;
	margin:10px 0;
	font-size:0.85em;
	border:1px solid #eee;
}
.motsClefs ul {
  background: #f1f1f1;
  padding:20px;
}
.motsClefs li {
	display:inline;
	padding:0 12px 0 0;
	line-height:1.5em;
}
.motsClefs li a {
	color:#999;
}
.motsClefs li a:hover {
	color:#333;
}
.copy {
  text-align:center;
  font-size:0.8em;
  padding-top:15px;
  color:#333;
}
.piedDiv {
	position:absolute;
	bottom:0;
	left:0;
	height:120px;
	background:url(../images/fond-pied.png) #fff repeat-x bottom center;
	text-align:center;
	width:100%;
	color:#aaa;
	padding-top:40px;
  font-size:0.8em;
}
.piedDiv ul {
	margin:10px 100px 7px 100px;
	text-align:center;
}
.piedDiv li {
	display:inline;
	padding:0 3px;
}
.piedDiv li:after {
	content:" - ";
	padding-left:3px;
}
.piedDiv li:last-child:after {
	content:"";
	padding-left:0;
}
.piedDiv a {
	color:#bbb;

}
.piedDiv a:hover{
	color:#fff;
}
.plan-du-site {
  margin:30px;
}
.plan-du-site ul ul {
  margin-left:10px;
  border-left:5px solid #D7EDFF;
} 
.plan-du-site li {
  padding:5px 0 1px 20px;
}

/* --------------------- pied - fin -------------------*/
.clr {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
}
ol li {
  padding-left:10px;
  border-left:5px solid #D7EDFF;
}
ol h3 {
  color : #278CE7;
  margin : 20px 0 5px 0; 
}
.etapes li {
  padding:5px 40px 10px 30px;
  margin:0 0 0 20px;
  background-position:left center;
  background-repeat:no-repeat;
}
.etapes .un {
  background-image:url(../images/un.gif);
}
.etapes .deux {
  background-image:url(../images/deux.gif);
}
.etapes .trois {
  background-image:url(../images/trois.gif);
}
.etapes .quatre {
  background-image:url(../images/quatre.gif);
}
p {
  margin : 0 0 5px 0;
}
p.introEm{
  margin-bottom:20px;
  color:#278CE7;
}
.plans li {
  margin:0 0 5px 205px;
}