.main {  background-attachment: scroll; background-image: url(images/ginger-cebtp_bg_main.gif); background-repeat: no-repeat; background-position: left top}

body{ height: 100%; }


#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 10px Arial;
line-height:18px;
padding: 4px 0;
z-index:100;
background-attachment: scroll; 
background-image: url(images/fond_bt_2.png); 
background-repeat: repeat-y; 
background-position: left top;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
 background-color: #EEEEEE;
}

.lien_menu_0_off {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none}
.lien_menu_0 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none}
.lien_menu_0:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none}

.lien_menu_1_off {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #0070c8; text-decoration: none}
.lien_menu_1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #0070c8; text-decoration: none}
.lien_menu_1:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none}

.lien_menu_3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0070c8; text-decoration: none}
.lien_menu_3:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}

.lien_sous_menu_1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none}
.lien_sous_menu_1:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #0070c8; text-decoration: none}


.lientextegris {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #000000; text-align: justify}
.lientextegris:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #707173; text-align: justify; text-decoration: underline}

.titre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0070c8; line-height: 18px}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0070c8; line-height: 18px }

.texte {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #000000;}
.textejust {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify}
.bkgformenews {
	background-attachment: scroll;
	background-image: url(images/enews/inscription-news-letter-1_10.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.calageform {
	display:inline-block;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 180px;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 8px;
}

.calageformmessage {
	display:inline-block;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 180px;
	text-align: right;
	vertical-align:top;
	font-weight: bold;
	margin-right: 8px;
}

.elementform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	margin-top: 8px;
	margin-bottom: 8px;
}
.zonetexteform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 180px;
	border: 1px solid #d2d2d2;
	background-color: #eeeeee;
	margin-top: 8px;
	margin-bottom: 8px;
}

.zonemessageform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	width: 180px;
	border: 1px solid #d2d2d2;
	background-color: #eeeeee;
	margin-top: 8px;
	margin-bottom: 8px;
}

#bttexteform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 180px;
	border: 1px solid #bcd8eb;
	background-color: #e0edf5;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: left;
	 -moz-border-radius: 3px; 
	 -khtml-border-radius: 3px; 
	 -webkit-border-radius: 3px; 
	 border-radius: 3px; 
	 cursor: default; 
}
#separateur {
	display:inline-table;
	width:368px;
	height:31px;
	background-color: #d9eaf5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0070c8;
	line-height: 31px;
	vertical-align: middle;
	margin-top: 8px;
	margin-bottom: 8px;
}

#separateur p {
	margin:0;
	padding:0;
}

#separateur a {
	color: #0070c8;
	text-decoration: none;
}

#separateur a:hover {
	color: #0070c8;
	text-decoration: underline;
}

#bttexteform:hover , #bttexteform:focus { 
	color: #0072ba; 
	border-color: #0072ba; 
}

.Rouge {
	color: #FF0000;
	font-weight: bold;
}

.Enews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.Enews a {
	color: #0070c8;
	text-decoration: underline;
	}

.Enews a:hover {
	color: #FF0000;
	text-decoration: underline;
	}

#legende {
	display:inline-block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	height: 20px;
	width: 180px;
	text-align: right;
}

.textegris {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #707173; text-align: justify}

h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #707173; text-align: justify}

.tntextegris {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #707173; text-align: justify}

.textegrisnj {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #707173;}

.lienoffres {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; line-height: 18px}
.lienoffres:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #0070c8; text-decoration: underline; line-height: 18px}

.tnlienoffres {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; font-weight: normal; color: #0070c8; text-decoration: none}
.tnlienoffres:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; font-weight: normal; color: #0070c8; text-decoration: underline}

.tnlienindex {  font-family: Arial, Helvetica, sans-serif; font-size: 10px;  font-weight: normal; color: #666666; text-decoration: none}
.tnlienindex:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px;  font-weight: normal; color: #333333; text-decoration: underline}

.spacer {
	clear:both;
	position:relative;
	height:10px;
}

.conteneurenews {
	display:block;
	width:100%;
	height:256px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #0072ba;
	border-bottom-color: #0072ba;
	padding-top: 4px;
	padding-bottom: 4px;
}

.conteneurformdroite {
	display:block;
	width:277px;
	height:51px;
	background-color: #d9eaf5;	
}


.textedate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0063BE;
	padding-top: 8px;
	padding-left: 4px;
}

.texteenews {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 4px;
	text-decoration: none;
	padding-top: 10px;
}

.titrebleu {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01235d;
	padding-left: 4px;
	text-decoration: none;
	padding-top: 4px;
}

.titrebleu a {
	color: #01235d;
	text-decoration: none;
}

.titrebleu a:hover {
	color: #01235d;
	text-decoration: underline;
}

.titrebleudroite {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01235d;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 10px;
}

.titrebleudroite a {
	color: #01235d;
	text-decoration: none;
}

.titrebleudroite a:hover {
	color: #01235d;
	text-decoration: underline;
}

.titreformbleu {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #01235d;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 3px;
}

.formenewsdroite {
	padding:0;
	margin:0;
	padding-left: 10px;
}

.btdroite {
	width:25px;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #474747;
	border: 1px solid #afafaf;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0px;
}

.zonetextedroite {
	width:156px;
	height:20px;
	margin-top: 5px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

.texteenewsdroite {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 0px;
}