@charset "utf-8";
/* CLAE-LCCE CSS */

/* ////////// Base ////////// */

html, body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size: 11px;
	color: #666666;
	background-color: #dbe4e9;
	background-image: url(/imports/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top !important;
	background-position: center 4px;
	text-align: center;
}

/* ////////// Mise en page ////////// */

#container { position: relative; width: 920px; margin: 0 auto; } 

#header {
	position: relative;
	width: 860px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../images/header_bg.jpg);
	height: 80px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px !important;
	padding-bottom: 18px;
	padding-left: 20px;
} 

#header_leftcol { float:left; width: 345px; height: 80px; }
#header_rightcol { float:right; width: 250px; text-align:right; height: 80px; }

#header_margin_adress { margin-top: 52px; }

#nav_container {
	position: relative;
	z-index: 1;
	width: 880px;
	text-align: left;
	background-image: url(../images/menu_bg.jpg);
	height: 38px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	list-style: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#nav_container_leftcol { float:left; width: 705px;}
#nav_container_rightcol { float:right; width: 136px; text-align:center; margin-top: 16px; }

#nav { position: relative; width: 700px; margin:0; padding:0; list-style: none; text-align: left;}
#nav li { display: inline; margin-right: 1px; color: #666666; }
#nav li a { padding: 0px 20px; margin: 0px; color: #666666; line-height: 1em; text-align: left; text-decoration: none; font-size: 14px; }
#nav li a:hover, #nav li a:focus, #nav li a:active { color: #bc0f10;}
.sep { background-image: url(/imports/images/sepmenu.gif); background-repeat: no-repeat; height: 28px; background-position: right; }

#news {
	position: relative;
	z-index: 0;
	width: 900px;
	text-align: left;
	height: 350px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#ffffff;
}

#news_image { float:left; width: 450px;  }
#news_texte { float:right; width:360px; padding:20px 40px 0px 40px; }

#zcontenu { position: relative; z-index: 0; width: 860px; background-color:#FFFFFF; text-align: left; margin: 0 auto; padding: 20px; }

#3col_1 {	float:left; width:265px; padding: 0px 20px 20px 0px; }
#3col_2 {	float:left; width:265px; padding: 0px 20px 20px 0px; }
#3col_3 {	float:left; width:290px; padding: 0px 0px 20px 0px; }

#zcontenu li { margin-bottom: 10px; }

#col_right {
	float: right;
	top: 20px;
	right: 20px;
	float:right;
	width:240px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#col_right li { margin-bottom: 2px; margin-top:0px;}

#col_left {
	float: left;
	top: 0px;
	left: 0px;
	width:560px;
}

#news p, span, hr {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contenu_col_1 { width:280px; float:left; margin-right:15px; }
#contenu_col_2 { width:280px; float:left; }
#contenu_col_3 { width:280px; float:left; }

#infobox { position: relative; width: 920px; text-align: left; height: 200px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#wrapper_ib { float:left; position:relative;  width: 610px; margin:0px; }

#-ib1 { float:left; position:relative; background-image: url(/imports/images/ib_bg_01.jpg); height: 80px; width: 260px; margin:0px; padding-top: 100px; padding-left: 30px; font-size: 11px; color: #FFFFFF; padding-right: 20px; padding-bottom: 20px}

#-ib1_fr {
	line-height:13px;
	float:left;
	position:relative;
	background-image: url(/imports/images/fr/ib_bg_01.jpg);
	height: 80px;
	width: 260px;
	margin:0px;
	padding-top: 100px;
	padding-left: 30px;
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 20px
}

#ib2 { position:relative; float:right; background-image: url(/imports/images/ib_bg_02.jpg); height: 160px; width: 260px; margin:0px; padding:20px; }
#ib2_fr {
	position:relative;
	float:right;
	background-image: url(/imports/images/fr/ib_bg_02.jpg);
	height: 40px;
	width: 300px;
	margin:0px;
	padding-top:160px;
	text-align:center;
}
#ib2_en {
	position:relative;
	float:right;
	background-image: url(/imports/images/en/ib_bg_02.jpg);
	height: 40px;
	width: 300px;
	margin:0px;
	padding-top:160px;
	text-align:center;
}
#ib2_b { position:relative; float:right; background-image: url(/imports/images/ib_bg_02.jpg); height: 160px; width: 260px; margin:0px; padding:20px; }
#ib1 { float:left; position:relative; background-image: url(/imports/images/ib_bg_01.jpg); height: 142px; width: 280px; margin:0px; padding: 58px 0px 0px 30px; }
#ib1_fr { float:left; position:relative; background-image: url(/imports/images/fr/ib_bg_01.jpg); height: 142px; width: 280px; margin:0px; padding: 58px 0px 0px 30px; }
#ib3 { float:right; position:relative; background-image: url(/imports/images/ib_bg_03.jpg); height: 142px; width: 290px; margin:0px; padding: 58px 0px 0px 20px; }
#ib3_fr { float:right; position:relative; background-image: url(/imports/images/fr/ib_bg_03.jpg); height: 142px; width: 290px; margin:0px; padding: 58px 0px 0px 20px; }

#footer {
	position: relative;
	width: 880px;
	text-align: left;
	background-image: url(../images/footer_bg.jpg);
	height: 48px;
	padding-left: 20px;
	padding-top: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

z_contenu,#col_left p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
z_contenu,#col_left ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#table {
	margin-top: 30px;
}

#table p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

hr {
	padding:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height:1px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ////////// Texte ////////// */

h1 {
	margin-top:0px;
	margin-bottom:20px;
	font-size: 22px;
	font-weight: normal;
	color: #baad3f;
	line-height:normal;
}

h2 {
	margin-top:0px;
	margin-bottom:10px;
	font-size: 14px;
	font-weight: bold;
	color: #5a8ca7;
	line-height: 20px;
}

h3 {
	margin-top:0px;
	margin-bottom:10px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #baad3f;
	font-weight:normal;
	margin:0;
}

.txt_moy_bleu {
	font-size: 14px;
	font-weight: bold;
	color: #5a8ca7;
	line-height: 40px;
}

.txt_grand { font-size:12px; line-height:18px;}

.txt_moy_jaune { font-size: 15px; font-weight: bold; color: #b3ab57; }
.txt_sma_right { font-size: 10px; font-weight: normal; text-align: right; }
.txt_sma_bleu { font-size: 10px; font-weight: normal; }
.txt_onglet { font-size: 11px; font-weight: bold;}

/* ////////// Liste ////////// */

ul {
	list-style-position: outside;
	list-style-type: square;
}

.border { border-bottom:5px; border-bottom-color:#CCCCCC;}

/* ///// Autres ///// */

.img_gauche { float: right; margin-left: 20px; margin-top:10px; clear:both; }
.img_left { float: left; margin-right: 20px; margin-bottom:60px; clear:both; }
.mar0 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.mar0 li {margin:0; padding:0px; line-height:12px;}

hr {color: #cbcbcb;
background-color: #cbcbcb;
height: 1px;
border: 0;}

/* ///// Liens ///// */

#news a, a:link, a:visited, a:active { text-decoration: none; color: #007ab7; }
#news a:hover { text-decoration: underline; color: #740000; }

#nav_container a, a:link, a:visited, a:active { text-decoration: none; color: #666666; }
#nav_container a:hover { text-decoration: none; color: #740000; }

a.txt_sma_right {
	text-align: right;
	color: #740000;
	text-decoration: none;
	background-image: url(/imports/images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 2px;
}
a.txt_sma_right:hover { text-decoration: none; color: #007ab7; }

#header a, a:link, a:visited, a:active { text-decoration: none; color: #007ab7; }
#header a:hover { text-decoration: none; color: #740000; }

#z_contenu a, a:link, a:visited, a:active { text-decoration: none; color: #007ab7; }
#z_contenu a:hover { text-decoration: underline; color: #bc0f10; }