/* RAZ TOTALE */

html, body { margin: 0; padding: 0; border: : 0;
background: transparent; font-size:10px;
}
	
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th,
td, tbody, tfoot, thead {
	margin: 0;
	padding : 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

img { margin: 0; padding: 0; border: 0; }
	
table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
}

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;	
}

article, aside, dialog, fugure, footer, header, hgroup, nav, section {
	display:block;
}

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color:#000;
}

ol, ul {
	list-style:none;
}

/* VARIABLES GLOBALES */

html { }
body { }

/* ENTETES */

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	color:#000;
}

h1 { font-size:32px; color:#555555; }
h2 { font-size:22px; color:#555555; }
h3 { font-size:16px; color:#555555; }
h4 { font-size:14px; color:#555555; }
h5 { font-size:14px; color:#555555; }
h6 { font-size:14px; color:#555555; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }

/* PARAMETRES DES TEXTES */
p { color:#555555; font-size:16px; line-height:150%; text-align:justify; }
p .left { margin:1.5em 1.5em 1.5em 0; padding:0; }
p .right { margin:1.5em 0 1.5em 1.5em; padding:0; }

a { }
a:link { color:#00f; }
a:visited { color:#0f0; }
a:active { color:#000; }
a:focus { color:#666; }
a:hover { color:#f00; }

blockquote { color:#000; font-size:12px; }

strong { font-weight:bold; }
em { font-style:italic; }

/* IMAGES */


/* LISTES */
ul { }
ol { list-style-type:decimal; }

ul li { color:#000; font-size:12px; }
ol li { color:#000; font-size:12px; }

dl { }
dt { }
dd { }

/* TABLEAUX */

table  { width:100% }

tr { }
.odd { background-color:#eee; }
.even { background-color:#fff; }

th { font-weight:bold; }
thead,th { background:#ccc }

tbody { }
th,td,caption { }
caption { }

tfoot { }
.footer { background-color:#ccc; text-align:center; font-style:italic; }

caption { background:#efefef; }

/* DIVERS */
sup, sub { line-height:0; }

abbr, acronym { border-bottom:1px #666 dotted; }
address { }
del { background:#FFCECE; color:#F00; }

code, pre {
	background-color:#FF9;
	padding:2px 0px;
	margin:4px 25px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	
}
/* CONTENEURS */

#entete {
	width:100%;
	margin:0 0;
	padding:20px 0;
	overflow:hidden;
	background-color:#FFFFFF;
}

#logo {  float:left; margin:0 0 0 2%; }
#logo img { width:200px; height:85px; }

#medias-sociaux { float:right; margin:8px 2% 0 0; }
#medias-sociaux img { width:24px; height:24px; }
#medias-sociaux ul li { display:inline; }
#medias-sociaux ul li a { color:#555555; font-size:14px; }

#langues { clear:right; }
#langues { margin:8px 2% 0 0; float:right; }
#langues ul li { display:inline; }
#langues ul li a { color:#555555; font-size:14px; padding:0 1px; }

#langues a:hover { border-bottom:2px #0066CC solid }

#menu { clear:right; }
#menu ul { margin:8px 2% 0 0; float:right; }
#menu ul li { display:inline; }
#menu ul li a { color:#555555; padding:0 5px; font-size:16px; }
 
#menu a:link { }
#menu a:visited { }
#menu a:active { }
#menu a:hover { border-bottom:2px #0066CC solid }
#menu a:focus { }

#banniere { 
	clear:both;
	border-top :1px #555555 solid;
	border-bottom:1px #555555 solid;	
}

#banniere img {
	display:block;
	margin:0 auto;
	width:100%;
	height:650px;		
}

#banniere-inf {
	width:100%;
	margin:0px auto;
	padding:30px 0px;
	overflow:hidden;	
	background-color:#FFFFFF;
}

#banniere-inf img { width:72px; height:72px; display:block; margin:0 auto; } /* Icones Cogen, Mine, Serres */

#ban-inf-vide {
	width:100%;
	padding:20px 0px;
	background-color:#FFFFFF;
}

/* Texte sous les icônes Cogen, mine et serres */
#serv-cogen { clear:both; }
#serv-cogen { display:block; margin:0 auto; text-align:center; padding: 0px 0px 20px 0px; }
#serv-cogen a { font-size:14px; color:#333333; }
#serv-cogen a:hover { color:#AAAAAA; }

#serv-mine { clear:both; }
#serv-mine { display:block; margin:0 auto; text-align:center; padding: 0px 0px 20px 0px; }
#serv-mine a { font-size:14px; color:#333333; }
#serv-mine a:hover { color:#AAAAAA; }

#serv-serres { clear:both; }
#serv-serres { display:block; margin:0 auto; text-align:center; }
#serv-serres a { font-size:14px; color:#333333; padding: 0px 0px 20px 0px; }
#serv-serres a:hover { color:#AAAAAA; }

#contenu-ext { background-color:#EEEEEE; border-top:1px #555555 solid; border-bottom:1px #555555 solid;}	

#contenu {
	width:90%;
	margin:0px auto;
	padding:20px 0px;
	overflow:hidden;
}

#contenu h1 {
	margin:20 0 10 0;
	padding:10px 0 10px 0;
}

#contenu h2,h3 {
	padding:0 0 10px 0;
	color:#555555;
}

#contenu h2 { font-size:22px; }
#contenu h3 { font-size:16px; }

#contenu a { font-size:16px }
#contenu p a { color:blue; font-size:16px }
#contenu p a:hover { color:#AAAAAA; }

#contenu img { width:100px; height:132px; padding:0 10px 0  0; }

#contenu ul li { color:#555555; font-size:16px; padding:12px 0; list-style-type:upper-roman; list-style-position:inside; }
#contenu ul li a { color:blue; font-size:16px; }
#contenu ul li a:hover { color:#AAAAAA; }

#liste ul li {	padding:5px 0; list-style-type:circle; list-style-position:inside; text-indent:15px; }



#gl { padding:20px 0; border-bottom:1px #555555 solid }
#gl-img { margin: 0 0; float:left; }
#gl-txt { margin:0 0 0 110; }

#ff { padding:20px 0; border-bottom:1px #555555 solid }
#ff-img { margin: 0 0; float:left; }
#ff-txt { margin:0 0 0 110; }

#pieddepage {
	clear:both;
	width:100%;
	margin:0px auto;
	padding:12px 0px;
	overflow:hidden;
	background-color:#FFFFFF;
}

#pieddepage p {
	margin:0 0 0 2%;
	float:left;
	color:#777777;
	font-size:12px;
	text-align:left;
}
/* FORMES */

form { text-align:left; margin:20px; }

label, submit, input, textarea {
	border:0;
	padding:0;
	margin:0;
	background:none;	
}

label {
	float:left;
	width:150px;
	text-align:right;
	display:block;
}

input, textarea {
	border:1px #333 solid;
	margin-left:10px;
}

input {
	width:280px;
	margin-bottom:16px;
}

textarea {
	width:280px;
	height:150px;
}

select { }

.submit {
	width:90px;
	height:25px;
	margin-left:150px;
	font-size:12px;
}