body {
font-family:arial;
font-size:12px;
padding:0px;
margin:0px;
text-align:center;
background:white url(images/background-page.gif) repeat-x;
}

a{
text-decoration:none;
color:#8bca39;
}

h1 {
font-size:14px;
}

h2 {
margin:10px auto;
font-size:14px;
}

h3 {
font-size:14px;
margin:15px auto;
}

p {
margin:10px auto;
}

img {
border:0px;
}

form {
margin:0px;
}

select {
font-size:12px;
border:1px solid #606060;
}

/*################################################# BANNIERE ##################################################### */

#banniere {
width:973px;
height:70px;
padding:19px 0px 10px 0px;
margin:0px auto;
text-align:left;
background:url(images/background-banniere.jpg) no-repeat top right;
}

html>body #banniere {
height:auto;
min-height:70px;
}


/*################################################################################################################# */

#site {
width:973px;
height:500px;
margin:0px auto;
}

html>body #site {
height: auto;
min-height:500px;
}

#content{
width:973px;
margin:0px auto;
padding:0px;
}

#content_left {
width:723px;
float:left;
padding-top:5px;
}

#content_right {
width:250px;
float:left;
padding-top:5px;
}

.block_page {
height:400px;
float:left;
padding:10px 0px 10px 15px;
}

html>body .block_page {
height: auto;
min-height:400px;
} 


#div_theme {
width:100%;
}

/*################################################# FOOTER ##################################################### */

#footer {
border-top:10px solid #f2f2f2;
width:973px;
height:60px;
margin:0px auto;
font-size:10px;
color:black;
}

#footer p{
margin:0px;
}

#footer a{
color:black;
}
/*################################################## MENUS ############################################################### */

/* ========================================= menu horizontal ============================================== */
.menu_horizontal {
clear:both;
height:50px;
line-height:50px;
text-align:center;
font-size:12px;
font-weight:bold;
background:url(images/background-menu-top.gif) repeat-x;
}

/* Moteur Recherche */
.menu_horizontal_search {
float:left;
height:50px;
line-height:50px;
padding-left:10px;
}

.input_search {
border:1px solid #808080;
vertical-align:middle;
}

.bouton_search {
background:#ef650c;
border:1px solid #606060;
border-right:1px solid black;
border-bottom:1px solid black;
color:white;
font-weight:bold;
vertical-align:middle;
}

/*===*/

.menu_horizontal ul {
float:left;
height:50px;
line-height:50px;
padding:0px;
margin:0px;
}

.menu_horizontal ul li {
float:left;
width:139px;
list-style-type:none;
text-transform:uppercase;
}

.menu_horizontal a {
height:47px;
line-height:47px;
display:block;
color:white;
}

.menu_horizontal a:hover {
color:#ef650c;
background:#202020;
}

.menu_horizontal_left, .menu_horizontal_right {
float:left;
width:6px;
height:50px;
background:url(images/menu-top-left.gif) no-repeat;
}

.menu_horizontal_right {
float:right;
background:url(images/menu-top-right.gif) no-repeat;
}

/*=============================================================================================== */

/* ========================================= menu_vertical ============================================== */

.menu_vertical {
width:200px;
padding:1px;
margin-bottom:20px;
}


.menu_vertical ul{
text-align:left;
margin:0px;
padding:0px;
}

.menu_vertical ul li{
width:200px;
height:30px;
line-height:30px;
margin:0px;
padding:0px;
list-style-type:none;
}

.menu_vertical ul li a{
width:190px;
height:30px;
line-height:30px;
display:block;
padding-left:10px;
font-weight:bold;
}

.menu_vertical ul li a:hover{
background:#006f9f;
color:white;
}

/*=============================================================================================== */

/*######################################### slideshow ########################################### */

#slideshow {
width:100%;
height:300px;
border-bottom:7px solid #303030;
background:#f7f6f6;
font-size:26px;
}

/*##################################################################################################



/*============================================ BLOCKS =========================================== */

/*============== Block Login ======================*/
.block_login {
text-align:left;
}

.block_login label {
display:block;
color:#202020;
height:20px;
line-height:20px;
font-size:11px;
}

/*================================================*/


/*================ BLOCK Listing site =========== */

.block_listing_sites {
margin:0px 20px;
border-bottom:1px solid #e0e0e0;
}

.block_listing_sites  a{
color:#e95d0f;
}
/*================================================*/








/*================================================================================================ */


/************************************************ LES TABLEAUX ******************************************************/

/*=========================== Table ====================================*/
.table_style_1 {
width:720px;
margin:0px auto;
border:1px solid #c0c0c0;
clear:both;
}

.table_style_1_legend {
background:url(./../images/fonds/fond_table_legend.gif) repeat-x; 
height:30px; 
line-height:30px; 
background-color:#e0e0e0; 
font-weight:bold;
text-align:center;
}

.table_style_1 tr{
height:24px;
}

/*=======================================================================*/

/*********************************************************************************************************************/

/*************************************************** FORMULAIRE ******************************************************************/
.formulaire {
margin:0px auto;
}

.formulaire p{
text-align:left;
padding:0px 20px;
margin:20px auto;
clear:both;
}

.fieldset_formulaire {
width:973px;
margin:20px auto;
border:1px solid #c0c0c0;
background:#fcfcfc;
clear:both;
display:block;
}

.fieldset_formulaire  legend{
background:#606060;
color:white;
border:1px solid #404040;
padding:0px 20px;
font-weight:bold;
}

.fieldset_erreur {
width:95%;
height:80px;
border-top:2px solid #c0c0c0;
border-bottom:2px solid #c0c0c0;
border-left:none;
border-right:none;
margin:20px auto;
display:block;
background:#fbf4ea url(../../../images/pictos/error.png) no-repeat 10px 15px;
}

html>body .fieldset_erreur {
height: auto;
min-height:80px;
}

.fieldset_erreur legend{
color:#f29000;
font-weight:bold;
}

.fieldset_erreur span{
color:#f29000;
font-weight:bold;
}

.fieldset_erreur p{
margin-left:80px;
}

.formulaire .checkbox {
border:none;
background:white;
}

.input_erreur {
font-weight:bold;
}

.input_erreur input{
border:2px solid orange;
}

.input_erreur select{
border:2px solid orange;
}

.input_erreur textarea{
border:2px solid orange;
}

.input_erreur label {
color:#f29000;
}

.label_class_1 {
width:90px;
height:25px;
line-height:25px;
display:block;
float:left;
font-size:18px;
}

.label_class_2 {
width:160px;
height:25px;
line-height:25px;
display:block;
float:left;
font-size:12px;
font-weight:bold;
}

/* CLASS 1 */
.input_class_1 {
border:2px solid #707070;
color:#303030;
height:20px;
line-height:20px;
width:240px;
font-size:14px;
margin:0px 5px 0px 0px;
background:white url(../../../images/fonds/fond_input_text.gif) no-repeat -1px -2px;
float:left;
}

.input_class_1:focus {
background:#fefad0;
}

.select_class_1:focus {
background:#fefad0;
}

/* CLASS 2 */
.div_input_class_2 {
width:100%;
height:21px;
line-height:21px;
display:block;
border-top:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
border-right:1px solid #efefef;
border-bottom:1px solid #efefef;
margin:0px auto 10px auto;
background:#f9f9f9 url(images/background-input.gif) no-repeat;
}

.input_class_2 {
width:100%;
border:none;
background:none;
}





.textarea_class_1 {
width:535px;
border:2px solid #707070;
color:#303030;
background:white url(../../../images/fonds/fond_input_text.gif) no-repeat -2px -2px;
overflow:auto;
}

.select_class_1 {
border:2px solid #707070;
color:#303030;
width:244px;
font-size:14px;
margin:0px 5px 0px 0px;
float:left;
}

.select_class_2 {
border:1px solid #a0a0a0;
color:#303030;
width:80px;
font-size:10px;
}

.submit_class_1 {
border:none;
color:#fff;
background: transparent url(../../../images/fonds/fond_bouton_orange.jpg) no-repeat center center;
width:125px;
height:41px;
line-height:41px;
font-size:16px;
font-weight:bold;
cursor:pointer;
}

.submit_class_2 {
border:1px solid #707070;
color:#303030;
height:20px;
line-height:20px;
width:100px;
font-size:14px;
margin:0px 5px 0px 0px;
float:left;
}

.span_co {
color:#f5b136;
font-size:16px;
}

.span_infos_formulaire {
color:#808080;
font-style:italic;
font-size:10px;
}

.checkbox {
vertical-align:middle;
}
/*********************************************************************************************************************************/

/*###################################################### STYLE TEXTE ##############################################################*/
/* H1 */
.h1_style_1 {
font-size:24px;
color:#009ee0;
border-bottom:1px solid #dcf5ff;
text-align:left;
}

/* H2 */
.h2_style_1 {
width:240px;
color:white;
text-transform:uppercase;
font-size:13px;
height:42px;
line-height:40px;
background:#404040 url(images/background-titre-1.gif) no-repeat;
text-align:center;
}

/* SPAN */
.span_yellow {
color:#f6cf36;
}

.span_10 {
font-size:10px;
}

.span_red {
color:red;
}

.span_orange {
color:#f5b136;
}

/*#################################################################################################################################*/


.spacer {
clear:both;
height:1px;
visibility:hidden;
font-size:1px;
line-height:1px;
}

/*####################################################### SLIDESHOW #########################################################*/

.head_animation {
	position:relative;
	overflow:hidden;
	padding:0 0 20px;
	width:973px !important;
}
#id_of_block1 {
	overflow:hidden;
	height:300px;	
}


.coin-slider { overflow: hidden; zoom: 1; position: relative; width:973px !important }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; position:absolute !important; left:0  !important; margin-left:0 !important; z-index: 5000000;  padding:0 !important; display:none }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 100%; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev{ color: #FFFFFF; padding: 0px 10px; background:url(../../../../images/back.gif) 0 0 no-repeat !important; width:50px; height:64px; text-indent:-50000px }
.cs-next { color: #FFFFFF; padding: 0px 10px; background:url(../../../../images/next.gif) 0 0 no-repeat !important; width:50px; height:64px; text-indent:-50000px }

.slider {
	position:relative;
	width:973px;
	height:377px !important;
	zoom:1;z-index:1520;
}
.slide {
	position:relative;
	width:973px !important;
	height:377px !important;
	zoom:1;
	z-index:1520;
}
.activeSlide {
	color:#000	
}


/*#################################################################################################################################*/
