/* ===========================================================
					   Le fond du site
=========================================================== */
html,body
{
	margin				: 0;
	padding				: 0;
	
	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: #333333; 			/*F8F9FA*/
	height				: 100%;
	
	text-align			: justify;

	background-color	: #fff;
	background-repeat	: repeat-x;

	
	background-image:url(../images/bg.jpg);
	background-position:top;
}

#page-border , #page
{
	margin		: 0 auto;
	min-height	: 100%;
	position	: relative;
}
#page
{
	width		: 950px;
}
#page-border
{
	width		: 100%;
}


/* ===========================================================
					   Les titres
=========================================================== */
h1
{	
	font-size			: 23px;
	color				: #6899AA;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 0px;
	margin-left:10px;
	
	background:url(../images/contenu/puce_h1.jpg) no-repeat;
	height:41px;
	padding-left:95px;
	padding-top:25px;
	
	color:#037BBA;
	font-variant:small-caps;
	font-size:23px;
	font-weight:normal;
}
h2
{
	font-size			: 14px;
	color				: #007CB5;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 0px;
	margin-bottom		: 10px;
}



h3
{
	font-size			: 13px;
	color				: #333333;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
}
h4
{

	color				: #333333;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: -130px;
	margin-bottom		: 10px;
	position :absolute;
}

.soustitre
{
	font-size:10px;
}



/* ===========================================================
					Les liens sur la page
=========================================================== */
a, a:active, a:visited
{
	text-decoration		: underline;
	text-transform		: none;
	color				: #333333;
	outline				: none;
	
}
a:hover
{
	text-decoration	: underline;
	color			: #007CB6;
}



/* ===========================================================
					   Les listes
=========================================================== */
ul.square li
{
	list-style-type		: square;
}
li
{
	list-style-image	: url(../images/contenu/puce.jpg);
	margin-bottom:5px;
}
.sdei li
{
	list-style-type:none;	
}


/* ===========================================================
					   Sous menu
=========================================================== */

.sm_menu
{
	color:#666;
	font-size:14px;
	font-weight:bold;
}

.sm_menu a, .sm_menu a:active, .sm_menu a:visited
{
	color:#666;
	text-decoration:none;
	
}

.sm_menu a:hover
{
	font-style:italic;
}



.sm_sousmenu
{
	height:40px;
	display:none;
}

.sm_sousmenu
{
	margin:0px;
	padding-left:0px;
	display:none;
}

.sm_sousmenu li
{
	list-style:none;
	/*list-style-image:url(puce.jpg);*/
	display:inline;
	padding-right:10px;
}

.sm_sousmenu a, .sousmenu a:active, .sousmenu a:visited
{
	/*color:black;
	font-size:14px;*/
}


.sm_sousmenu a:hover
{
	/*text-decoration:none;
	font-style:italic;*/
}


/* ===========================================================
					Liste de produits
=========================================================== */

.listeProduit
{
	background-color: #CCDDE4;
	margin-bottom: 20px;
	border:1px solid #AAA;
}

.listeProduit th
{
	font-size:14px;
	background-color:#87AFBB;
	height:30px;
}

.listeProduit td
{
	padding-top:10px;
	padding-bottom:10px;
}


.listeProduit a, .listeProduit a:active, .listeProduit a:visited
{
	color: black;
	text-decoration:underline;
}

.listeProduit a:hover
{
	color:#AB0A19;
	text-decoration:underline;
}


/* ===========================================================
					La fiche produit
=========================================================== */
.produit{
	background-color: #CCDDE4;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
	font-size:12px;
	border:1px solid #AAA;
}

.produit td{
	padding-left: 20px;
	padding-right: 20px;
	min-height: 30px;
}

.infoProduit{
	font-weight: normal;
	font-size: 14px;
}

.infoProduitGros{
	font-weight: bold;
	font-size: 16px;
}

.produit hr
{
	margin-top:25px;
	margin-bottom:0px;
	size:1;
	color:#BBB;
}

.commander{
	background-color:#9D0A14;
	color:white;
	font-size:14px;
	font-weight:bold;
	display:inline;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}
.commander a
{
	text-decoration:none;
}

.imageProduit{
	padding:0px;
	background-color:white;
}


/* ===========================================================
					   Le haut du site
=========================================================== */
.fond_bandeau_haut
{
	background-color	: #FFFFFF;
	background-image:url(../images/menuhaut/bandeauhaut.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.fond_bandeau_haut .espace_telechargement
{
   padding-right:22px;
   padding-bottom:15px;	
}
.fond_bandeau_haut .espace_telechargement a
{
	color:#fff;
	font-size:15px;
	text-decoration:none;
}
.fond_bandeau_haut .espace_telechargement a:hover
{
	color:#D3A422;
}

.fond_bandeau_haut_gauche
{
	background-repeat	: no-repeat;
	background-position	: top right;
	background-image:url(../images/fondgauche.jpg);
}

.fond_bandeau_haut_droite
{
	background-repeat	: no-repeat;
	background-position	: top left;
	background-image:url(../images/fonddroit.jpg);
}



/* ===========================================================
					   Le menu gauche
=========================================================== */
.fond_colonne_gauche
{
	background-color	: #FFFFFF;
	text-align			: left;
	background-image:url(../images/menugauche/maquetteSDEI8montage_12.jpg);
	background-repeat	: repeat-y;
}
.fond_colonne_gauche a, .fond_colonne_gauche a:visited
{
	color				: #FFFFFF;
	font-size			: 14px;
	text-decoration		: underline;
}
.fond_colonne_gauche a:hover
{
	color				: #FFDF00;
	text-decoration		: underline;
}



/* ===========================================================
					La colonne de droite
=========================================================== */
.fond_colonne_droite
{
	text-align			: right;
	background-color	: #FFFFFF;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}



/* ===========================================================
					   Le contenu de la page
=========================================================== */
.fond_centre
{
	padding-left:20px;
}
.fond_fond_centre
{
	background-color	: #FFFFFF;	
	background-image:url(../images/central.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}



/* ===========================================================
					   Le bas du site
=========================================================== */
.fond_bandeau_bas
{
	background-color	: #FFFFFF;
	background-repeat 	: no-repeat;
	background-image:url(../images/menubas/maquetteSDEI8montage_15.jpg);
	width:950px;
}


.fond_bordure_bas
{
	background-image:url(../images/maquetteSDEIA_22.jpg);
	background-repeat	:repeat-x;
	background-position:bottom;
}


#footer, #footer p, #footer a, #footer a:active, #footer a:visited
{
	color				: #000;
	margin-top			: 10px;
	font-size			: 10px;
	text-decoration		: none;
	text-align			: center;
	outline				: none;
}
	
#footer a:hover
{
	color			: #000;
	font-size		: 10px;
	text-decoration	: underline;
}


#content
{
	/* Décommenter la ligne pour activer la position dynamique : */
	/*margin-bottom : 160px;*/
}


#footer
{
	/* Décommenter la ligne pour activer la position dynamique : */
	/*position	: absolute;*/

	clear		: both;
	bottom 		: 0;
	left 		: 0;
	height		: 150px;
	width		: 100%;
	margin		: 0;
}



/* ===========================================================
					Les tableaux
=========================================================== */
.tableau_entete
{
	background-color	: #CCCCCC;
	font-size			: 14px;
	font-weight			: bold;
}

.tab1
{
	border:2px solid #CCCCCC;
}
.tab2
{
	/*border:2px solid #CCCCCC;*/
	
}
.tab2 td
{
	padding:0 6px;
}

.integre
{
	background-color:green;
}
.non-integre
{
	background-color:red;
}

.ligne1
{
	/*color				: #FFFFFF;*/
}
.ligne2
{
	/*color				: #D7E3F2;*/
}

.ligne1:hover, .ligne2:hover
{
	/*color				: #FFFFFF;*/
	background-color	: #AAC8E1;
}



/* ===========================================================
					   Les cadres
=========================================================== */
.cadre
{
	border				: 1px solid #ccc;
	padding 			: 6px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 5px;
	margin-bottom		: 5px;	
	font-weight			: bold;
	text-align			: center;
	color				: #fff;
	background-color	: #A10B16;
	border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.cadre_adwords
{
	border				: 1px solid #ccc;
	padding 			: 6px;
	margin				:0px;	
	text-align			: center;
	color				: #fff;
	background-color	: #A10B16;
	border-radius			:10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	margin-left:5px;
	margin-right:5px;
}

.cadre a
{
	color:#FFF;
}

.cadre a:hover
{
	color:#007CB6;
}

/*Cadres du  menu gauche*/
.cadre_mg
{
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width:183px;
  margin-left:10px;
  margin-top:10px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:2px;
  background-color:#C6C5CA;
  text-align:center;
}
.cadre_mg input[type=submit]
{
   	width:79px;
	height:29px;
	background-image:url(../images/menugauche/valider.jpg);
	margin-top:10px;
	border:0px;
	cursor:pointer;
}
.cadre_mg input[type=submit]:hover
{
	background-image:url(../images/menugauche/valider_over.jpg);
	width:79px;
	height:29px;
}


.cadreDouble
{
	border : 4px double #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreRidge
{
	border : 4px ridge #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreGroove
{
	border : 4px groove #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreOutset
{
	border : 4px outset #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreSolid
{
	border : 2px solid #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.roundDiv
{
	border : 2px solid #0973b6;
	padding:5px;
	text-align : center;
	width : 90%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.borderExt
{
	border : 2px solid #C0C0C0;
	text-align : center;
	width : 100%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
}

.borderInt
{
	border : 2px solid #000000;
	padding:5px;
	text-align : center;
	margin : 5px; /* Espacement entre les bords */
	font-weight	: bold;
	background-color : #C0C0C0;
}

.contour_image
{
	background-color	: #000000;
	/*border				: 1px solid #A10B16;*/
	padding				: 0px;
	margin				: 10px;
}

.contour_image_gallerie/*pour les images en "gallerie" (c-a-d une légende sous l'image)*/
{
	background-color	: #000000;
	border				: 1px solid #ccc;
	padding				: 0px;
	margin				: 10px;
	margin-bottom		: 5px;
}	


/* ===========================================================
			   Les icones a côté des liens
=========================================================== */
/*a[href $='.pdf'] { padding-left: 22px; background: url('../images/modele/icones/pdf.gif') no-repeat center left;




	
	font-weight			: bold;
	text-align			: center;
	color				: #fff;
	background-color	: #A10B16;
	}*/
  
  a[href $='.pdf']:hover
{
	text-decoration	: underline;
	color			: #007CB6;
}
/*
a[href $='.gif'] { padding-left: 22px; background: transparent url('../images/modele/icones/image.gif') no-repeat center left;}
a[href $='.png'] { padding-left: 22px; background: transparent url('../images/modele/icones/image.gif') no-repeat center left;}
a[href $='.jpg'] { padding-left: 22px; background: transparent url('../images/modele/icones/image.gif') no-repeat center left;}
*/
a[href $='.doc'] { padding-left: 22px; background: transparent url('../images/modele/icones/word.gif') no-repeat center left;}
a[href $='.xls'] { padding-left: 22px; background: transparent url('../images/modele/icones/xls.gif') no-repeat center left;}
a[href $='.txt'] { padding-left: 22px; background: transparent url('../images/modele/icones/texte.gif') no-repeat center left;}
a[href $='.zip'] { padding-left: 22px; background: transparent url('../images/modele/icones/archive.gif') no-repeat center left;}
a[href $='.rar'] { padding-left: 22px; background: transparent url('../images/modele/icones/archive.gif') no-repeat center left;}
a[href $='.exe'] { padding-left: 22px; background: transparent url('../images/modele/icones/exe.gif') no-repeat center left;}
a[href $='.swf'] { padding-left: 22px; background: transparent url('../images/modele/icones/flash.gif') no-repeat center left;}
a[href $='.avi'] { padding-left: 22px; background: transparent url('../images/modele/icones/film.gif') no-repeat center left;}
a[href $='.mpeg']{ padding-left: 22px; background: transparent url('../images/modele/icones/film.gif') no-repeat center left;}
a[href $='.flv'] { padding-left: 22px; background: transparent url('../images/modele/icones/film.gif') no-repeat center left;}



/* ===========================================================
					Les styles de texte
=========================================================== */
.gras
{
	font-weight:bold;
}
.italique
{
	font-style:italic;
}

.important_adwords
{
	color				: #002B4F;
	font-size			: 13px;
	font-weight			: bold;
	text-decoration:none;
	background:url(../images/contenu/puce_important.gif) no-repeat;
	background-position:-10px -5px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	
}

.important_adwords a
{
	text-decoration:none;
}

.important
{
	color				: #002B4F;
	font-size			: 13px;
	font-weight			: bold;
}

.center
{
	text-align 			: center;
}
.justify
{
	text-align:justify;
}

.both
{
	clear				: both;
}

img
{
	border: 0;
}

.popup
{
	visibility: hidden;
	display: none;
	width:500px;
	
}

.legende_gallerie
{
	font-size:10px;
}



/* ===========================================================
					   Les formulaires
=========================================================== */
form.multiform  input[type="text"] , form.multiform select , form.multiform textarea
{
	border: solid 1px #999999;
	
}

/* ===========================================================
					   Divers
=========================================================== */
.blocContent
{
  width:70%;
  margin-left:20px;	
}
.cadreplus
{	
	padding-top:2px;
	padding-left:10px; 
	padding-right:10px;
	background-image:url(../images/contenu/cadre4.jpg); 
	background-repeat:no-repeat;
	width:450px;
	height:160px;
}

#iframe
{
  background-color:#fff;	
  width:96%;
  margin-left:1%;
  padding-left:10px;
  padding-right:10px;
}

.cadre_donnees_sociales
{
   border:1px solid #DADADA;
}

.addborder td
{
  	border:1px solid #ccc;
	padding:5px;
	text-align:left;
}
.addborder_in_td
{
  	border:1px solid #ccc;
	padding:5px;
}

.lienDownload
{
	display:none;	
	margin-top : 20px;
	background:red;
	padding:5px;
	font-weight:bold;
}

/* ===========================================================
					   Paye
=========================================================== */
.blocContentPaye
{
  width:500px;;
  margin-left:30px;	
}
.blocContentPayeContent
{
	background:url(../images/contenu/paye/bg_content.jpg) no-repeat;
	padding-left:5px;
	padding-right:5px;
}

.animation_paye
{
   height:300px;
   width:300px;
   margin:auto;
   background:#CCC;	
   display:block;
}

.col1_paye
{
	padding:15px;
	padding-top:0px;
	border-right:1px dotted #ccc;
}
.col2_paye
{	
    padding:15px;
	padding-top:0px;
}

.info_paye
{
   background:#D9E0E6;
   color:#333;
   padding:10px;
   
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;	
}


.navigation_paye td
{
   width:25%;
   border:1px solid #666;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:5px;
   padding-right:5px;
   text-align:center;	
   
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}
.navigation_paye td a
{
   text-decoration:none;	
   color:#666;
}
.navigation_paye td a:hover
{
	color:#333;
}
.navigation_paye .selected_paye
{
   background:url(../images/contenu/paye/bg_navigation.jpg)  repeat-x #F8F7F7;
   border-bottom:0px;	
}
.navigation_paye .selected_paye a
{
   color:#000;	
   font-weight:bold;
}

.boutons_paye, .contact_paye, .blocContentPaye input[type=submit]
{
   padding:5px;
   border:1px solid #fff;
   background:url(../images/contenu/paye/bg_bouton.jpg) repeat-x #9D0B15;
   text-align:center;
   color:#fff;
font-weight:bold;
   
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;	
}
.boutons_paye a, .contact_paye a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.boutons_paye a:hover, .contact_paye a:hover
{
	color:#F6C358;
}
.boutons_paye
{
   width:47%;	
}
.contact_paye
{
  width:200px;
  margin:auto;
  margin-top:20px;
}
 .blocContentPaye input[type=submit]
 {
	 cursor:pointer; 
 }
 .blocContentPaye input[type=text]
 {
	 width:150px;
 }

.contact_paye_form
{
   background:#C6C7C9;
   padding:20px;	
   
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;	
}
.message_contact_paye
{
  padding-left:20px;
  border-left:1px dotted #333;	
}

.red
{
   color:red;	
}

.left
{
	float:left;
}
.clear
{
    clear:both;	
}

/* ===========================================================
					   Newsletter
=========================================================== */
#content_newsletter
{
   width:98%;	
}

#content_newsletter h1
{
   font-size:17px;	
   padding-left:80px;
   background-position:0px -5px;
}

.contact_newsletter
{
   margin:5px;
   padding:5px;	
   
   background:#D9E0E6;
   color:#333;
   padding:10px;
   
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;	
}

.contact_newsletter input[type=submit]
{
   padding:5px;
   border:1px solid #fff;
   background:url(../images/contenu/paye/bg_bouton.jpg) repeat-x #9D0B15;
   text-align:center;
   color:#fff;
font-weight:bold;
   
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;	
}

.contact_newsletter input[type=submit]:hover
{
   cursor:pointer;	
}

#link, #link a:active, #link a
{
	display:none;
}

.border_right
{
	border-right:solid 1px #BCC0BF;
}

.i_adwords
{
	background:#D8DBDA;
	text-align:center;
	font-style:italic;
	-webkit-border-radius: 8px;
   	-moz-border-radius: 8px;
   	border-radius: 8px;
	margin:25px;
	padding:5px;	
}

.conteneur_navigation_adwords
{
	width:565px;
}

.border_special
{
	background:url(../images/contenu/bg_content_adwords.jpg);
	background-repeat:no-repeat;
	width:565px;
}
#pane
{
	width:670;
	padding-right:15px;
	height:550px;	
}
.photo
{
	float: right;	
	margin-top:-100px;	
}
.tableSdei td
{
	padding:2px 6px;
	background:#D7EDF4;
	opacity:0.7;
	filter:alpha(opacity=70);	
}
.tableSdei td:hover
{
	opacity:1;
	filter:alpha(opacity=100);
}
.tableSdei1
{
	padding:2px 6px;
	background:#D7EDF4;
	opacity:0.7;
	filter:alpha(opacity=70);	
}
.tableSdei1 
{
	opacity:1;
	filter:alpha(opacity=100);
}
.sdeiLien
{
	
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 5px;
	margin-bottom		: 5px;	
	border				: 1px solid #A10B16;
	padding 			: 6px;
	font-weight			: bold;
	text-align			: center;
	color				: #fff;
	background-color	: #A10B16;
	border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  

  height:40px;
  vertical-align:central;
}
.sdeiLien a
{
	color:#fff;
	
}
.sdeiLien:hover p
{
	color:#A10B16;	
}
.sdeiLien:hover a
{
	color:#A10B16;	
}
.sdeiLien:hover
{
	text-decoration	: underline;
	
	background:#fff;
	
}