/******************* CLIMATE CARE DAY  *********************/
/*** @ 2008 LMC France - www.lmcfrance.com // Climate Care Day ****/


/* COULEURS 
bleu foncé  : 0066cc
texte gris : 666666
gris pied : 333333
vert : 7dbf0d
rouge : ce0000 
bleu fond : 0054cb
*/


/************************ Mise à zéro des propriétés par défaut ************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; text-align: left; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/************************ 	Styles généraux	************************/
a { color: #666666 }
a:hover { color: #0066cc}
div#ctl00_contenu .spacer {clear: both}



/************************ Structure générale	************************/
body {
	color: #666666;
	text-align: center;
	background-color: #fafafa; /* url(images/fond.gif) center top repeat-x;*/
	font-family: Arial, Helvetica
}

body.en {
	background: /*black*/ #279ce9 url(images/fond_page_en.gif) center top repeat-x;
}

div#entete, div#menu, div#ctl00_contenu, div#pied div#footer, div#entet_flash {
	width: 902px;
	margin: 0 auto;
}
div#ctl00_contenu {padding: 10px 0; margin-top: 0; width: 902px;}
body.en div#ctl00_contenu {padding: 10px 10px 0; width: 862px;}

div#pied {
	background-color: #333333;
	color: white;
	font-size: 0.7em;	
}


/********** menu ********/

div#menu {
	height: 39px;
	background: #d4d4d4 url(images/fond_menu.gif) left top no-repeat;
}

body.en div#menu {
	background: none;
}

div#menu a {
	display: block;
	float: left;
	text-decoration: none;
	padding: 10px 12px 9px 12px;
	font-size: 18px;
	color: #0066cc;
	font-size: 1em
}
body.en div#menu a {
    font-weight: bold;
	color: #4AB4F9;
	text-transform: uppercase;
}

div#menu a:first-child {margin: 0 60px 0 0}
body.en div#menu a:first-child {margin-right: 0}

div#menu a:hover {
	background: #9c9c9c url(/images/fond_menu_over.gif) left top repeat-x;
	color: white
}
body.en div#menu a:hover {
	background: none;
	color: White;
}

div#menu a:first-child:hover {background: none }

body div#menu a.actuel {
    background: #7dbf0d url(/images/fond_menu_actuel.gif) left top repeat-x;
    color: white
}
body.en div#menu a.actuel {
	background: none;
}

div#menu select 
{
	text-decoration: none;
	padding: 0;
	color: #0066cc;
	margin: 9px 0px 0px 10px;
	font-size: 1em
}

body span.sep {display: none;}
body.en span.sep {color: White; display: block; float: left; margin-top: 12px;}


/******* CONTENU ********/
div#ctl00_contenu {
	text-align: left;
	/*background: url(/images/fond_contenu.gif) center bottom no-repeat;*/ /* Fond herbe */
	padding-bottom: 70px;
	font-size: 1em;
	background-color: white;
}
div#ctl00_contenu.fille {padding-bottom: 10px}

/* Boites */
div#ctl00_contenu div {
	background: url(/images/fond_bloc.gif) center top no-repeat;
	width: 294px;
	height: 202px;
	text-align: center;
	font-size: 1em;
	margin: 10px 0 10px 10px;
}
div#ctl00_contenu div div { /*obligé pour ie6 de mettre 2 définitions: div et div div car > n'est pas reconnu */
	background: none;
	width: auto;
	height: auto;
	text-align: left;
	font-size: 1em;
	margin: 0;
}
div#ctl00_contenu.accueil div { display: inline; float: left }
div#ctl00_contenu.accueil div div { float: none }

div#ctl00_contenu.accueil div.first{ margin-left: 0; clear: left }
div#ctl00_contenu.fille div {display: inline; float: right; clear: right; margin-left: 18px }
div#ctl00_contenu.fille div div {float: none; clear: none; margin-left: 0 }

div#ctl00_contenu div.curl { background: url(/images/fond_bloc_curl.gif) center top no-repeat; }
div#ctl00_contenu div.black { background: url(/images/fond_bloc_black.gif) center top no-repeat; }
div#ctl00_contenu div.liens { background: url(/images/fond_bloc_liens.gif) center top no-repeat; text-align: left }
div#ctl00_contenu div div.small{ font-size: 0.7em; text-align: left; margin: 25px 7px 0 7px }
div#ctl00_contenu div img {margin: 20px 0 10px 0 }
div#ctl00_contenu div div img {margin: 0 }
div#ctl00_contenu div.liens  a { color: white; font-size: 18px; margin: 22px 0 43px 20px  ; display: block; text-decoration: none; font-weight: bold}



/*contenu textuel */
div#ctl00_contenu h1 {
    font-size: 2.1em;
    font-weight: bold;
    color: #0066cc;
    margin: 15px 0;
}
div#ctl00_contenu h2 {
    font-size: 1.4em;
    font-weight: bold;
    color: #0066cc
}
div#ctl00_contenu p {
	clear: left;
	margin: 15px 0;
	/*font-size: 0.9em;*/
	text-align: justify
}
div#ctl00_contenu { font-size: 0.8em; }


a.suite {
	display: block;
	text-align: right;
	background: url(/images/bouton_suite.gif) right top no-repeat;
	font-size: 12px;
	padding: 2px 27px 2px 0;
	margin: 0 8px 15px 0;
	text-decoration: none;
	color: white
}
a.suite:hover { color: white }

div#ctl00_contenu>div.content {
	background: none;
	float: none;
	clear: none;
	width: auto;
	height: auto;
	text-align: left;
	margin: 0;
}

/****** formulaire *****/
div#ctl00_contenu>div.content label {
    width: 150px;
    display: block;
    text-align: right;
    float: left;
    clear: left;
    margin-right: 5px
}



/****** Pied de page ******/
div#pied div {
	margin: 20px;
	margin-bottom: 0;
	padding: 0 0 0 30px;
	color: #7b7b7b
}
div#pied a {text-decoration: none; color: #7b7b7b }
div#pied a:hover {text-decoration: underline; color: #d0d0d0 }

div#logos {float: left; text-align: left }
div#pied div#logos img { margin: 5px 0 }
div#pied div#logos b { font-size: 20px }

div#pied div.plan {
	float: left;
	background: url(/images/sep_pied.gif) left center no-repeat;
	clear: none;
	text-align: left;
	padding-top: 10px;
	height: 180px
}
div#pied div.plan a {	padding-left: 5px; }
div#pied div.plan b a {padding-left: 0 }

div#pied div#copyright {
	background: url(/images/sep_pied_horiz.gif) center top no-repeat;
	padding: 10px 0;
	float: none;
	clear: both
}
body.en div#pied div.plan.first_elem {background: none; margin-left: 208px;}


/***** Submit form ***/
body div#ctl00_contenu.fille p#form_sub, body div#ctl00_contenu.fille .submitform {
    background: url(/images/content/image/form_back_630x370.gif) left top no-repeat;
    padding: 6px 15px 0 15px;
    color: #99ce00;
    width: /*567px*/600px;
    height: /*230px*/364px;
    font-size: 1.2em;
    float: none;
    clear: none;
    margin: 0 auto;
    text-align :left
}
body div#ctl00_contenu.fille .submitform.moyen {background: url(/images/content/image/form_back_630x290.gif) left top no-repeat; height: 284px;}
body div#ctl00_contenu.fille .submitform.petit {background: url(/images/content/image/form_back_630x220.gif) left top no-repeat; height: 214px;}

body div#ctl00_contenu.fille .submitform span.titre {
    font-weight: bold; font-size: 1.1em; text-align: center;
}
body div#ctl00_contenu.fille .submitform label {
    display: block;
    float: left;
    clear: left;
    text-align: right;
    width: 170px;
    margin-right: 10px;
}

body div#ctl00_contenu.fille div.submitform {display: block;}

span#term_cond {text-align: center; background-image: none; height: auto; float: none; margin-top: 30px; display: block;}
div#ctl00_contenuPage_ctl00_step1 p#ctl00_contenuPage_ctl00_webmail_err {color: Red; text-align: center;}

/**** bordures sur les pages filles en EN ****/
body.en div#fille_border_top, body.en div#fille_border, body.en div#fille_border_bottom {background: url(/images/fond_bordure_page_fille_en.gif) left top repeat-x; padding: 0 10px; width: 882px; margin: 0 auto;}

body.en div#fille_border { border-left: 2px solid #5F849D;  border-right: 2px solid #5F849D;}

body.en div#fille_border_top {height: 10px; border: 2px solid #5F849D; border-bottom: none;}
body.en div#fille_border_bottom {margin-bottom: 20px; height: 10px; border: 2px solid #5F849D; border-top: none;}