@charset "utf-8";
/* CSS Document */
html, body {

}
body {
	background-image: url(images/bg_site.gif);
	background-color: #166999;
	margin: 0;
	padding: 0;
}
img {
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
}

form {
	margin: 0;
	padding: 0;
}
table {
	margin: 0;
	padding: 0;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
}
td {
	margin: 0;
	padding: 0;
	border:0;
	vertical-align: top;
}

a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #333333;
}
a:active, a:focus{ 
   outline:none; 
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 12px;
	color: #0F5383;
}
/* ======================= Annulation Div: float */
.clear_float {
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
}

/* ======================= alignement images */
.imgleft {
	float: left;
	margin-right: 8px;
}
.imgright {
	float: right;
	margin-left: 8px;
}
.imgcenter {
	text-align:center;
}
.imgbottom {
vertical-align:bottom;
}
.imgmiddle {
	vertical-align:middle;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
}
.objectfloat_left {
	float: left;
}


/*  BLOC GLOBAL general styles ====================*/

#blocglobal {
	width: 992px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 16px;
}

.selected {
	text-decoration: underline;
}
.exergue {
	color: #ED1155;
	font-weight: bold;
}
.text_align_right {
	text-align: right;
}


.savoir_plus {
	padding: 0;
	margin-bottom: 10px;
}
.savoir_plus a {
	color:#6eb4cc;
	padding-left: 6px;
	background-repeat: no-repeat;
	background-image: url(images/puce-link.gif);
	background-position: 0 4px;
	font-size: 10px;
}
.savoir_plus a:hover {
	color: #C4DAE7;
}
.champ_obligatoire {
	color: #a2181e;
	font-size: 14px;
	font-weight: bold;
}

img.note {
	margin: 0 6px;

}
.page_url {
	padding: 0 0 10px 0;
}
.page_url a {
	font-weight: normal;
}
.page_url a.selected {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.onglet_bande_left {
	background-repeat: no-repeat;
	background-image: url(images/onglet-brun-left.gif);
}
.onglet_bande_right {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(images/onglet-brun-right.gif);
}
.onglet_bande_in {
	margin: 0 10px;
	background-color: #845C33;
	padding: 7px 0;
	height: 18px;
}
#inside .onglet_bande_in a {
	color: #FFFFFF;
	font-weight: bold;
}

.onglet_titre_left {
	background-repeat: no-repeat;
	background-image: url(images/onglet-bleu-left.gif);
	margin-bottom: 4px;
}
.onglet_titre_right {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/onglet-bleu-right.gif);
}
.onglet_titre_in {
	margin: 0 12px 0 8px;
	background-repeat: repeat-x;
	background-image: url(images/1px-onglet-bleu.gif);
	padding: 8px 4px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
}
.onglet_titre2_left {
	background-repeat: no-repeat;
	background-image: url(images/onglet-bleu2-left.gif);
	margin-bottom: 4px;
}
.onglet_titre2_right {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/onglet-bleu2-right.gif);
}
.onglet_titre2_in {
	margin: 0 12px 0 8px;
	background-repeat: repeat-x;
	background-image: url(images/1px-onglet-bleu2.gif);
	padding: 8px 4px;
	height: 28px;
	font-size: 12px;
	font-weight: bold;
}



/* ========================== Header */
#header {
	margin: 0 0 1px 0;
	padding: 0;
	height: 135px;
	background-repeat: no-repeat;
	background-image: url(images/bg-site.jpg);
}
#conteneur_header {
	position: absolute;
}



#bout_top_right {
	position: absolute;
	margin: 6px 0 0 946px;
	display: block;
	width: 26px;
}
#bout_top_right img {
	margin-bottom: 4px;
}



#logo {
	padding:0;
	position: absolute;
	top: 20px;
	left: 15px;
}
#recherche {
	position: absolute;
	width: 285px;
	height: 29px;
	background-repeat: no-repeat;
	background-image: url(images/bg-search.gif);
	left: 328px;
}
.recherche_in {
	margin: 4px;
	padding-left: 22px;
}
#perso_bulle {
	position: absolute;
	width: 245px;
	background-repeat: no-repeat;
	background-image: url(images/perso-bulle.gif);
	padding: 6px 0 0 20px;
	height: 30px;
	font-size: 11px;
	left: 658px;
}
#perso_dcube {
	position: absolute;
	left: 877px;
	top: 10px;
}

#top_baseline {
	position: absolute;
	top: 80px;
	left: 394px;
}




#contact_favoris {
	position: absolute;
	margin-left: 726px;
	margin-top: 88px;
	display: inline;
}




#menu {
	padding: 0;
	font-weight: bold;
	margin: 0;
	font-size: 11px;
}
.menu_accueil {
	width: 106px;
	float: left;
	height: 22px;
	text-align: center;
	margin-left: 0px;
	padding-top: 6px;
}
.menu_rubriques {
	float: left;
	height: 28px;
	width: 900px;
	background-repeat: no-repeat;
	background-image: url(images/bg-menu.gif);
	margin: 0;
	margin-left: 14px;
}
.menu_button  {
	width: 106px;
	float: left;
	margin: 0 1px;
	text-align: center;
	height: 22px;
	padding-top: 6px;
}
a.menu_accueil {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
a.menu_accueil:hover   {
	color: #C4DAE7;
}
a.menu_accueil#button_home_on  {
	background-image: url(images/bg-accueil-on.gif);
	background-repeat: no-repeat;
	color: #C4DAE7;
}
a.menu_button {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
a.menu_button:hover   {
	color: #C4DAE7;
}
a.menu_button#button_on   {
	background-image: url(images/bg-menu-on.gif);
	background-repeat: no-repeat;
	color: #C4DAE7;
}

.bg_decor_home {
	width: 900px;
	margin: 0 auto;
	height: 119px;
	background-repeat: no-repeat;
	background-image: url(images/header-decor.jpg);
}
.smenu_container {
	position: absolute;
}


/* ========================== Sous menus */
.smenu_sec {
	padding: 0;
	color: #FFFFFF;
	display: none;
	position: absolute;
	width: 196px;
	}

.smenu_sec_top {
	background-repeat: no-repeat;
	background-image: url(images/smenu-top.gif);
	background-position: top;
	margin: 0;
	padding-top: 10px;
}
.smenu_sec_in {
	margin: 0px;
	padding: 0 10px;
	background-color: #845C33;
	margin-bottom: 0px;
}

.smenu_sec_bottom {
	background-repeat: no-repeat;
	background-image: url(images/smenu-bottom.gif);
	height: 10px;
	padding: 0;
}


.smenu_sec a {
	color: #FFFFFF;
	font-weight: normal;
}
.smenu_sec a:hover   {
	color: #C4DAE7;
}
.smenu_sec ul {
	margin: 0;
	padding: 0 0 10px 0;
}
.smenu_sec li {
	margin: 0;
	padding: 4px 0;
	list-style-type: none;
}

/* ============= insides general styles */
#inside {
	background-repeat: repeat-y;
	background-image: url(../images/1px-bg-col-left.gif);
	margin: 0;
	padding: 14px 14px 6px 14px;
}
#inside p {
	margin: 0 0 10px 0;
	line-height: 16px;
}
#inside h1 {
	font-size:14px;
	margin: 0 0 8px 0;
	color: #6EB4CC;
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url(images/cube.gif);
	background-position: 0 5px;
	padding-left: 14px;
	line-height: 20px;
}
#inside h2 {
	font-size:13px;
	font-weight:bold;
	margin: 12px 0 6px 0;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-top: 10px;
}
#inside h3 {
	margin: 0;
	color: #6EB4CC;
	font-size: 11px;
	font-style: italic;
}

#inside h4 {
	background-color: #4491B4;
	color: #49331D;
	line-height: 21px;
	font-size: 11px;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 5px 9px;
	margin: 16px 0 8px 0;
}
#inside .entete_right {
	text-align: right;
	font-size: 10px;
	font-style: normal;
}

#inside a {
	color: #6eb4cc;
	font-weight: normal;
}

#inside a:hover {
	color: #000000;
}
#inside ul {
	margin: 16px 0;
	padding: 0px;
}
#inside li {
	list-style-type: none;
	margin: 0 0 3px 16px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-image: url(images/puce-list.gif);
	padding-left: 10px;
	color: #FFFFFF;
}
.article {
	margin-bottom: 14px;
}
#references .article {
	font-size:10px;
}

.cell_left_home {
	width: 265px;
	float: left;

}
.cell_left {
	width: 265px;
	float: left;

}


/* ====================== Cellule centre */
/* === formattage texte central
*/
.cell_center_home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	margin: 0 0 0 22px;
	padding: 0;
	text-align: justify;
}
.cell_center_medium {
	width: 580px;
	float: left;
}
.cell_center_medium2 {
	width: 482px;
	float: left;
	margin: 0 0 0 22px;
}
.cell_center_large {
	width: 770px;
	float: left;
}
.box_home_intro {
	width: 420px;
	float: left;
	margin-right: 22px;
}
.box_home_video {
	width: 230px;
	float: left;
	margin-bottom: 14px;
}
.box_home_confiance {
	width: 333px;
	float: left;
	margin-right: 22px;
}
.box_home_aider {
	width: 316px;
	float: left;
}
.box_contenu {
	padding: 14px 0;
}
.box_images {
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.box_images img {
	margin: 8px;
}
.box_images_descript {
	float: left;
	width: 192px;
	height: 150px;
	font-size: 11px;
	margin-top: 6px;
}
.box_images_descript img {
	margin: 2px;
}

#inside .box_images_descript p {
	margin: 0;
	padding: 0;
}


/* ================= Box encart etirable */
.box_encart {
	margin: 0;
	padding: 0;
}
#inside .box_encart p {
	margin: 0;
	padding: 0;
}
.box_encart_top {
	background-repeat: repeat-x;
	background-image: url(images/1px-box-encart-top.gif);
	margin: 0;
	padding: 0;
	height: 12px;
}
.box_encart_top_in {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/box-encart-top-right.gif);
}
.box_encart_inside {
	background-repeat: repeat-y;
	background-position: right;
	background-image: url(images/1px-box-encart-right.gif);
	background-color: #4491B4;
}
.box_encart_inside_in {
	padding: 6px 12px;
}
#inside  .box_encart a {
	color: #FFFFFF;
}

.box_encart_inside_in#titre {
	padding: 0 12px;
	font-size: 10px;
}
.box_encart_inside_in#titre h2 {
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:12px;
}
.box_encart_inside_in#titre p {
	margin: 0;
	padding: 0;
}
.box_encart_top_in#titre_top img {
	margin: 0px;
}

.box_encart_bottom {
	background-repeat: repeat-x;
	background-image: url(images/1px-box-encart-bot.gif);
	height: 12px;
}
.box_encart_bottom_in {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/box-encart-bot-right.gif);
}





.page_title {
	color: #a2181e;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}

.encart_onglets {
	margin-top: 30px;
	height: 20px;
	margin-bottom: 2px;
}
.encart_onglets img {
	display: inline;
}

.encart_texte {
	background-color: #f1f1dd;
	padding: 10px;
	margin: 0 0 10px 0;
}
.texte_more {
	text-align: right;
	margin-top: 10px;
}
.texte_more a {
	font-family: "Times New Roman", Times, serif;
	color: #486814;
	font-size: 12px;
	font-weight: bold;
}
.texte_more a:hover {
	color: #98966D;
}

.separ {
	margin: 10px 0;
	line-height: 0;
	border-bottom: solid #125e8f 4px;
}
.bout_bas_content {
	margin: 10px 0;
}
.bout_bas_content img {
	margin-right: 4px;
}
.onglet_menu {
	background-repeat: no-repeat;
	background-image: url(images/onglet-menu-left.gif);
	height: 19px;
	margin-top: 6px;
	float: right;
}
.onglet_menu_right {
	height: 19px;
	background-repeat: no-repeat;
	background-image: url(images/onglet-menu-right.gif);
	background-position: right;

}
.onglet_menu_in {
	background-repeat: repeat-x;
	background-image: url(images/1px-onglet-menu.gif);
	height: 18px;
	margin: 0 10px;
	padding-top: 1px;
}
.onglet_menu_in a {
	color: #a2181e;
}





/* =================== cell_right */
.cell_right {
	float: left;
	margin-left: 22px;
	font-size: 11px;
}
.cell_right p {
	margin: 0 0 6px 0;
}
.cell_right img {
	margin-bottom: 16px;
}

#inside .cell_right ul {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
#inside .cell_right li {
	padding: 0;
	margin: 0;
	padding-left: 8px;
	background-image: url(images/puce-link.gif);
	background-repeat: no-repeat;
	margin-bottom: 3px;
}
#inside .cell_right a {
	color: #FFFFFF;
}
#inside .cell_right a:hover {
	color: #C4DAE7;
}
#inside .cell_right .savoir_plus a   {
	color:#6eb4cc;
}
#inside .cell_right .savoir_plus a:hover {
	color: #C4DAE7;
}

.cell_right_2col {
	width: 172px;
	float: left;
}




/* ============================== num bas de page */
.list_alphanum {
	padding: 6px;
	text-align: center;
	color: #FFFFFF;
}
#inside .list_alphanum a {
	color: #6eb4cc;
	text-decoration: none;
	margin: 0 4px;
	font-weight: normal;
}
#inside .list_alphanum a:hover {
	color: #000000;
}


#inside .list_alphanum a.selected {
	font-weight:bold;
	color: #C4DAE7;
	font-size: 14px;
}
.bout_bas_page {
	padding: 4px;
}
.bout_bas_page img {
	margin-right: 6px;
}


/* ================================ Gallerie page fiche */
#ref_gallery {
	margin: 6px 0 14px 0;
	border-spacing: 6px;
}
#ref_big img {
	display:block
}
#ref_big_bottom {
	width: 412px;
	background-color: #b4cee0;
	padding: 6px 0 4px 12px;
	margin-top: 6px;
}
#ref_smallimg {
	float: right;
	margin: 0;
	padding: 0;
	background-color: #377EA8;
	background-image: url(images/1px-fd-ref.jpg);
}
#ref_smallimg img {
	margin: 0 0 40px 0;
	display: block;
}
#ref_small_bottom {
	background-color: #4491B4;
	padding: 3px 0;
	text-align: center;
	color: #FFFFFF;
}

#ref_small_bottom a {
	color:#FFFFFF;
	font-size: 10px;
}

#ref_small_bottom a:hover {
	color:#ededed;
}
#ref_small_bottom a.selected {
	font-weight:bold;
	color:#6EB4CC;
	text-decoration: none;
	font-size: 14px;
}

/*  TABLEAU type ====================*/

.tab_exam {
	margin: 16px auto;
	border: solid #0E4D72 1px;
	font-weight: bold;

}
.tab_exam th {
	background-color: #5BA7BC;
	color: #FFFFFF;
	text-align: left;
	padding: 4px 8px;
}
.tab_exam td {
	padding: 4px 8px;
	background-color: #4491B4;
	border: solid 1px;
	border-right-color: #0E4D72;
	border-left-color: #0E4D72;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	vertical-align: middle;
	color: #E1ECF2;
	font-weight: normal;
}
.tab_exam .col1 {
	width: 426px;
}

.tab_exam .head_tab {
	border-top-color: #1676AF;
	padding: 10px 8px;
	font-size: 14px;
	color: #8FB9CF;
	background-color: #125E8E;
	font-weight: bold;

}
.tab_exam .foot_tab {
	border-bottom-color: #0E4D72;

}



/* ======================= formulaire contact */

.form_contact {
	margin: 10px 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid #a2181e 1px;
	border-right: none;
	border-left: none;
}

.form_contact input {
	width: 160px;
	font-size: 12px;
	height: 14px;

}

.form_contact th {
	width: 130px;
	text-align: left;
	padding: 4px 8px;
	background-image: url(images/1px-onglet-menu.gif);
	background-color: #E2E3E5;
	background-repeat: repeat-x;

}
.form_contact td {
	padding: 4px 4px 4px 12px;
	background-color: #F5F5F8;
	font-size: 9px;

}
.form_contact .form_message {
	width: 300px;
}
.form_contact .form_adresse {
	width: 180px;
}
.form_contact .form_bouton {
	height: 20px;
	margin: 0;
	padding: 0;

}
.form_contact .form_number {
	width: 90px;
}


/* ========================== Footer */
#footer {
	text-align: left;
	margin: 0;
	background-repeat: no-repeat;
	background-image: url(images/bg-footer.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 42px;
	padding-top: 22px;
}
#telephone {
	float: left;
	margin-left: 14px;
	width: 256px;
	font-size: 11px;
}


.bottom_menu {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	height: 12px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(images/bg-menu-bottom.jpg);
	padding: 10px;
	margin: 0 0 0 10px;
	width: 376px;
}
.bottom_menu ul {
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}
.bottom_menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	border-right: solid #ffffff 1px;
}
.bottom_menu a {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	margin: 0 3px;
	font-weight: bold;
}
.bottom_menu a:hover {
	color: #333333;
}
#newsletter {
	float: left;
	margin-left: 12px;
	width: 290px;
	font-size: 11px;
}
.bottom_site {
	background-color: #1A618F;
	height: 3px;
	line-height: 0px;
	margin: 0;
	padding: 0;
	display: block;
}

.bottom_baseline {
	width: 992px;
	margin: 10px auto;
	text-align: justify;
	color: #73A6C3;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
