/*
Theme Name: SFSE
Theme URI: http://wordpress.org/
Description: SFSE Version 1.0
Version: 1.0
Author: ATELIER MAUPOUX
Author URI: http://www.ateliermaupoux.com
Tags:
Text Domain: SFSE

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/








body{
background-color:#CAE7E8;

color: #1A171B;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size: 12px;
line-height: 16px;
margin:0px;

}


#main {
	width: 880px;
	
  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */

    	background: #FFFFFF;
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */

    	/*border: 1px solid #000000;*/

	
}
#entete{
width:880px;
height:183px;
background-image:url(images/sfse_banniere.gif);

}


#menu{
margin:0px;
padding:0px}

 .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }
.tableau {
	background-color: #0099FF;
	margin: 10px;
	height: 100px;
	width: 100px;
	float: left;
}
#banniere_droite ul li{

margin:0 0 0 35px;



}

#banniere_gauche{
	font-weight: normal;
	color: #d3d94d;
	width:721px;
	float:left;
	height:183px;

}


#banniere_droite{
float:left;
margin-left:0px;
margin-top:40px;
width:150px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #ffffff;
background-image:url(images/banniere_02.gif);
}


#contenu {
	background-image: url(images/fond_site.gif);
	background-repeat: repeat-y;	
	float:left;
	width:880px;
}



#colonne_gauche{
	margin: 0; 
  float:left;
  padding: 0 35px;
  width:490px;
	
}
#colonne_gauche ul li{
	list-style-type: disc;
color:#EE813C;
margin-left:15px;
}



#colonne_droite{
		float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */

    	width: 290px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */

    	padding: 15px 10px;
}



#actu{
margin-top:20px;
	margin-left:0px;
	width:285px;
	height: 220px;
	overflow: auto;


}


#fin{
background-color:#CAE7E8;
width:880px;
margin: 0 auto;
}

/**************************/
/*style pages interieures*/
/*************************/

#entete_inter{
position:relative;
width:880px;
height:147px;
background-image:url(images/sfse_banniere.png);

}
a.logo{
display:block;
	position:absolute;
	width:120px;
	height:110px;
	background:transparent url(images/transparent.gif) repeat;
	left: 22px;
	top: 4px;
}





#contenu_inter {
	float:left;
	width:880px;
	background-color:#FFF;
	padding-bottom:40px;
}

#colonne_inter{
	margin: 0; 
  float:left;
  padding: 0 35px;
  width:810px;
	
}

#colonne_inter ol{
color:black;
}


#colonne_inter ol li{
	list-style-type: decimal;
	
	font-style:12px;
	line-height:16px;
	font-weight:normal;
	margin-left:25px;
}

#colonne_inter ol li ul li{
	list-style-image: url(images/pictos/fl_verte.png);

}
#contenu_inter ul li {
margin-left:15px;
line-height:18px;
list-style-image: url(images/pictos/fleche_4.png);
}

#contenu_inter ul li ul li {
margin-left:15px;
line-height:18px;
list-style-image: url(images/pictos/fl_verte.png);
}


#contenu_inter ul li a {
margin-left:0px;
line-height:18px;
list-style-image: url(images/pictos/fleche_4.png);
font-weight:bold;
color:#bdcd00;
}




/*****************************/
/*DEFINITION DU MENU DU HAUT*/
/*****************************/



#nav1 {
float:left;
padding: 0;
margin: 0;
list-style: none;
font-size: 12px;
cursor: default;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;

}

#nav1 .n1{
float: left;
position:relative;
padding-top:3px;
}


#menu ul ul {
	top:29px;
	position: absolute;
	left: -999em;
}

#nav1 li:hover ul, #nav1 .sfhover ul {
	left:0;
}


#nav1 a{
	display: block;
	text-decoration:none;
	color:black;
	}

#nav1 a:hover{
		text-decoration:underline;	
	}
	
 


#menu .lnkN1  {
	height:21px;
	padding:5px 10px 0px 25px;
	
    }
	
	#menu .n2 a {
	padding:8px 10px 5px 25px;
	border-bottom: 1px solid;
	
    }
	


/*RUBRIQUE1*/

#nav1 #rubrique1 .n2{

width:200px;
}

#nav1 #rubrique1 {
    background-color:#00A7AC;
   	width:180px;
	 }

#nav1 #rubrique1 .n2 a{
 background-color:#6ec6c8;
 width:200px;
 border-color: #98dfe1;
  

}
#nav1 #rubrique1 .n2 a:hover{
 background-color:#00A7AC;
 
 }


    
  
	
/*RUBRIQUE2*/

#nav1 #rubrique2 .n2{

width:200px;
}

#nav1 #rubrique2 {
    background-color:#BDCD00;
   	width:174px;
	 }

#nav1 #rubrique2 .n2 a{
 background-color:#d8dd68;
 width:200px;
 border-color: #f6f9b4;
  

}
#nav1 #rubrique2 .n2 a:hover{
 background-color:#BDCD00;
 
 }
 
 #nav1 #rubrique2 .lnkN1  {
	
	padding-left:35px;
  }


  /*RUBRIQUE3*/
#nav1 #rubrique3 .n2{

width:300px;
}

#nav1 #rubrique3 {
    background-color:#d2d94c;
   	width:126px;
	 }

#nav1 #rubrique3 .n2 a{
 background-color:#eaef86;
 width:300px;
 border-color: #f6f9b4;
  

}
#nav1 #rubrique3 .n2 a:hover{
 background-color:#d2d94c;
 
 }  
#nav1 #rubrique3 .lnkN1  {
	
	padding-left:40px;
  }
    /*RUBRIQUE4*/
#nav1 #rubrique4 .n2{

width:200px;
}

#nav1 #rubrique4 {
    background:#66c2c3 url(images/courbe.gif) no-repeat top right;
	
   	width:230px;
	 }

#nav1 #rubrique4 .n2 a{
 background-color:#f6f9b4;
 width:200px;
 border-color: #98dfe1;
  

}
#nav1 #rubrique4 .n2 a:hover{
 background-color:#66c2c3;
 
 }  	
 

	
  
    /*RUBRIQUE5*/
#nav1 #rubrique5 .n2{

width:200px;
}

#nav1 #rubrique5 {
    background-color:#bdcd00;
   	width:170px;
	 }

#nav1 #rubrique5 .n2 a{
 background-color:#dae92c;
 width:200px;
 border-color: #98dfe1;
  

}
#nav1 #rubrique5 .n2 a:hover{
 background-color:#bdcd00;
 
 } 
	
  
  /*************************/
  /* STYLES DES TEXTES*/
  /*************************/
  
.le_texte{
border-left:1px solid #00a7ac;
padding-left:25px;
margin:20px 0 0 50px;
max-width: 395px;
}

.le_texte2{
border-left:1px solid #00a7ac;
padding-left:25px;
margin:20px 0 0 50px;
max-width: 780px;
}

p {margin:10px 0 0 0;
  font-size: 12px;
  max-width: 450px;
}

#colonne_inter p {
  font-size: 12px;
  max-width: 800px;
}


h1 {
	font-size: 22px;
	background:url(images/pictos/puce_orange.gif) no-repeat left 7px;
	margin:30px 0 0 0;
	padding-left:23px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	
	font-weight: normal;

}
.accroche{
font-size:13px;
font-weight:bold;
color:#f16810;


}



h2 {
	font-size: 14px;
	background:url(images/pictos/puce_verte.png) no-repeat center left;
	margin:15px 0 10px 0px;
	padding-left:15px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color:#f16810;
}
h2.accueil{
background:url(images/pictos/puce_verte.png) no-repeat center left;

border-bottom: 1px solid black;
padding-bottom:5px;


}


h3{color:#36373;
font-size:13px;
background:url(images/pictos/fleche_4.png) no-repeat center left;
font-weight:bold;
margin:15px 0 10px 0px;
	padding-left:15px;




}


.moncadre, .moncadre2 {
display:block;
height:35px;
margin-left:0px;
padding:0px;

border-bottom:1px solid #000000;

}
.moncadre{
width:390px;}
.moncadre2{
width:280px;}

#liens_haut{
padding:25px 0 0 0;
margin:0 0 0 725px}
.lien_haut, .lien_haut_m{
color:#ffffff;
text-decoration:none;
padding-left:16px;
margin:12px 0 0 0;
}
.lien_haut a, .lien_haut_m a{
color:#ffffff;
text-decoration:underline;}

.lien_haut a:hover, .lien_haut_m a:hover{
color:#95DBDB;
text-decoration:underline;}



.lien_haut{
background:transparent url(images/pictos/puce_blanche.gif) no-repeat left top;
}

.lien_haut_m{
background:transparent url(images/pictos/puce_maison.gif) no-repeat left top;
}


#banniere_droite ul li{
	list-style-image: url(images/pictos/puce_blanche.gif);
	
}
#banniere_droite ul li a{
	color:#ffffff;
	text-decoration:underline;
}
#banniere_droite ul li a:hover{
	color:#95DBDB;
	text-decoration:underline;
}



.liens a {
    background: transparent url(images/pictos/souris.png) no-repeat left top;
	font-size: 12px;
	color: #0098A1;
	line-height:20px;
	padding-left:20px;
	margin-left:0px;
}
.liens a:hover {

	margin-left:0px;
color: #107777;
text-decoration:underline;
}

.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EE813C;
}
.miseajour{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #333333;

}

.piedpage, .piedpage a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

/**************************/
/*STYLE DU FORMULAIRE*/
/************************/

#formPaypal
{
	width: 700px;
}

#formPaypal p,#formMail p
{
	margin: 2px 0;
}

/* fieldset , legend */
#formPaypal fieldset
{
	margin-bottom: 10px;
	border: #CAE7E8 1px solid;
}

#formPaypal fieldset:hover,#formMail fieldset:hover
{
	background-color: #FFF;
}

#formPaypal fieldset legend,#formMail fieldset legend
{	margin-left:30px;
	padding: 0 10px;
	border-left: #CAE7E8 1px solid;
	border-right: #CAE7E8 1px solid;
	font-size: 12px;
	color: #999;
}

/* Label */
#formPaypal label,#formMail label
{
	background-color: #CAE7E8;
	display: block;
	width: 60%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 0px;
	margin-left:5px;
}


#formPaypal label:hover
{
	/*font-weight: bold;*/
}

#formPaypal .form_label_nostyle
{
	background: none;
}

/* Input */
#formPaypal input, #formPaypal select
{
	margin-left: 1%;
	width: 195px;
	border: #CCC 1px solid;
}

#formPaypal input.check, #formMail input.check{
	width:30px;
	margin-left: 0px;
}

#formPaypal input:hover, #formPaypal select:hover, #formPaypal input:focus, #formPaypal select:focus,
#formMail input:hover, #formMail select:hover, #formMail input:focus, #formMail select:focus,
{
	border: #999 1px solid;
	background-color: #CAE7E8;
}



/* button submit */



#bt_connect input{
width:105px;
height:29px;}




/**************************/
/*STYLE DU FORMULAIRE MAIL*/
/************************/


#formMail input, #formMail select
{
	margin-left: 1%;
	width: 28%;
	border: #CCC 1px solid;
}

#formMail
{
	width: 700px;
	background-color:#FFF;
}

#formMail p
{
	margin-bottom:16px;
}


#formMail .checkb{
width:20px;
border: #CCC 0px solid;
}

#formMail input[type="submit"]
{
background-image:url(images/bt_envoyer.jpg);	
	border: #DDEEFF 0px solid;
	width: 195px;
	height:22px;
	text-align:center;
	font-weight:bold;
	color: #00a7ac;
	
}

#formMail input[type="submit"]:hover
{
		
	border: #DDEEFF 0px solid;
	width: 195px;
	height:22px;
	text-decoration:underline;
	cursor: pointer;
	text-align:center;
}
#formMail label,#formMail label
{
	background-color: #CAE7E8;
	display: block;
	width: 50%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 0px;
	margin-left:5px;
}
#formMail fieldset
{
	margin-bottom: 10px;
	border: #CAE7E8 1px solid;
}

#formMail input.email, #formMail select.email
{
	margin-left: 1%;
	width: 42%;
	border: #CCC 1px solid;
}



/*******************************/
/* DEFINITION DES TABLEAUX*/
/*******************************/


.table thead th.first {

background:transparent url(images/bg_tableaux_theme1.png) no-repeat scroll 0 0;

}

.table thead th.last {


background:transparent url(images/bg_tableaux_theme1.png) no-repeat scroll 100% 0;
}


.table thead th {

background:transparent url(images/bg_tableaux_theme1.png) no-repeat scroll -20px 0;
color:#FFF;
font-size:1.273em;
font-weight:bold;
}

.table tbody tr{
background-color:#f7f9ca;


}

.table tbody tr.last{
background:transparent url(images/bg_tableaux_theme1.png) no-repeat scroll 0 100%;}

.table tbody tr.last td.last2{
background:transparent url(images/bg_tableaux_theme1.png) no-repeat scroll 100% 100%;}


.table table thead th, .table table tbody td, .table2 table thead th, .table2 table tbody td {
padding:5px 10px;
text-align:left;
}

.table2 thead th.first {
padding:12px 0 0 22px;
height:26px;

background:transparent url(images/bg_tableaux_theme2.png) no-repeat scroll 0 0;
}

.table2 thead th.last {
padding:12px 0 0 22px;
height:26px;

background:transparent url(images/bg_tableaux_theme2.png) no-repeat scroll 100% 0;
}


.table2 thead th {

background:transparent url(images/bg_tableaux_theme2.png) no-repeat scroll -20px 0;
color:#FFF;
font-size:1.273em;
font-weight:bold;
}

.table2 tbody tr{
background-color:#f7f9ca;


}

.table2 tbody tr.last{
background:transparent url(images/bg_tableaux_theme2.png) no-repeat scroll 0 100%;}

.table2 tbody tr.last td.last2{
background:transparent url(images/bg_tableaux_theme2.png) no-repeat scroll 100% 100%;}



table {
border-collapse:collapse;
}

table {
border-collapse:separate;
border-spacing:0px;
text-indent:0;
}

a.bt_form_word, a.bt_form_acrob, a.bt_form_ligne {
float:left;
display:block;
width:147px;
height:26px;
color:#00a7ac;
font-weight:bold;
font-size:12px;
padding:14px 0 0 48px;
text-decoration:none;
margin-left:5px;
}
a.bt_form_word:hover, a.bt_form_acrob:hover, a.bt_form_ligne:hover {
text-decoration:underline;
color:#00a7ac;
}

a.bt_form_word{
background:#FFF url(images/bt_form_word.jpg) no-repeat;
}
a.bt_form_acrob{
margin:20px 0 20px 5px;
background:#FFF url(images/bt_form_acrob.jpg) no-repeat;
}

a.bt_form_ligne{
background:#FFF url(images/bt_form_ligne.jpg) no-repeat;
}

#respond{ margin-left:85px; font-weight:bold; color:#00a7ac; font-size:14px; margin-bottom:12px;}
#comment{ width:700px;}
.comment-body{ margin-left:85px}
h3#comments{ margin-left:70px; color:black; font-size:16px; font-weight:bold;}
#respond > h3{margin-left:0; color:#000; font-size:16px; font-weight:bold;}
#url, label[for="url"]{ display:none;}