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

	background-color	: #65C5E4 ;
	background-repeat	: repeat-x;

	
	/*background-image	: url(../images/image.jpg);*/
}

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


/* ===========================================================
					   Les titres
=========================================================== */
h1
{	
	font-size			: 25px;
	color				: #002B4E;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
	
	background:url(../images/contenu/pucetitre.png) no-repeat 0px 9px;
	padding-left:33px;
	color:#fff;
	font-weight:normal;
}
h2
{
	font-size			: 20px;
	color				: #9A0056;
	text-align			: left;
	text-transform		: none;
	font-weight:normal;
	font-style:italic;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
}
h3
{
	font-size			: 13px;
	color				: #002B4E;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
}




/* ===========================================================
					Les liens sur la page
=========================================================== */
a, a:active, a:visited
{
	text-decoration		: underline;
	text-transform		: none;
	color				: #002C5A;
	outline				: none;
	
}
a:hover
{
	text-decoration	: underline;
	color			: #9A0056;
}



/* ===========================================================
					   Les listes
=========================================================== */

li
{
	list-style-image:url(../images/contenu/puce2.png);
}
li ul li
{
  list-style-image:none;
  list-style-type:disc;	
}



/* ===========================================================
					   Le haut du site
=========================================================== */
.fond_bandeau_haut
{
	background-color	: #FFFFFF;
}

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

.menudroitm
{
	background-image:url(../images/menudroit/imagearepeter.jpg);
	background-repeat:repeat-y;

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



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

.sm_sousmenu
{
	display:none;
	border-left:1px solid #65C5E4;
	border-bottom:1px solid #65C5E4;
	border-right:1px solid #65C5E4;
	position:absolute;
}
.sm_sousmenu span
{	
	display:block;
    background:	#9B0057;
	padding:5px;	
	width:250px;
	color : #fff;
	text-decoration:none; 
	font-size:13px;	
}
.sm_sousmenu span:hover
{
	background:#3787C2;
	font-style:italic;
}

.sm2
{
   margin-left:150px;	
}
.sm3
{
   margin-left:250px;	
}
.sm4
{
   margin-left:350px;	
}

/* ===========================================================
					   Le menu gauche
=========================================================== */
.fond_colonne_gauche
{
	/*background-image	: url(../images/menugauche/image.jpg);*/

}
.fond_colonne_gauche a, .fond_colonne_gauche a:visited
{
	color				: #FFFFFF;
	font-size			: 14px;
	text-decoration		: none;
}
.fond_colonne_gauche a:hover
{
	color				: #FFDF00;
	text-decoration		: none;
	font-style			: italic;
}



/* ===========================================================
					La colonne de droite
=========================================================== */
.fond_colonne_droite
{
	background-image:url(../images/menudroit/v2/bandeaudroitrepeat.jpg);

}



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



/* ===========================================================
					   Le bas du site
=========================================================== */
.fond_bandeau_bas
{
	background-image:url(../images/menubas/menubasrepete.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}


.fond_bordure_bas
{
	/*background-image	:url(../images/images/maquettefinamax_24.jpg);*/
	background-repeat	:repeat-x;
}


/* FOOTER */
#footer
{
  font-size:11px;	
  text-align:center;
}
#footer, #footer a
{
  color:#666;
}
#footer table
{
  text-align:center;	
}
#footer td
{
	vertical-align:top;
    padding:10px;
}

#footer .footerCols td
{
  text-align:left;	  
}
#footer .footerCols td ul
{
	margin:0;
	padding:0;
	margin-left:15px;
}
#footer .footerCols td li
{
  margin-bottom:2px;
}
#footer p
{
  padding : 0;
  margin  :	0;
}
.dashed_border
{
	border-left:1px dashed #666;
}
{
  border-left:0px;	
}
.infosentreprise
{
  font-weight : bold;	
}
#menu_footer a
{
  color:#002C5A;	
}
#menu_footer a:hover
{
   color: #9A0056;	
}


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

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



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

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

.listeProduit th
{
	font-size:14px;
	background-color:#CCC;
	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:blue;
	text-decoration:underline;
}


/* ===========================================================
					La fiche produit
=========================================================== */
.produit{
	background-color: #EEE;
	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:#666;
	color:white;
	font-size:14px;
	font-weight:bold;
	display:inline;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

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



/* ===========================================================
					   Les cadres
=========================================================== */
.cadre
{
	border				: 6px solid #3685C8;
	padding 			: 6px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	font-weight			: bold;
	text-align			: center;
	color				: #fff;
	background-color	: #9B0057;
}
.cadre a
{
	color:#fff;
}
.cadre a:hover
{
	color : #65C5E4;
}
.cadre .importantcadre
{
	font-style:italic;
	font-size:16px;
	font-weight:bold;
}

.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	: #9A0056;
	border				: 5px solid #2F90CB;
	padding				: 1px;
	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
=========================================================== */
.fond_centre a[href $='.pdf'] { padding-left: 22px; background: transparent url('../images/modele/icones/pdf.gif') no-repeat center left;}
/*
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
{
	color				: #9A0056;
	font-size			: 12px;
	font-weight			: bold;
}

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

.float_left
{
    float:left;	
}
.float_right
{
    float:right;	
}
.both
{
	clear				: both;
}

img
{
	border: 0;
}

.popup
{
	visibility: hidden;
	display: none;
}

.legende_gallerie
{
	font-size:10px;
}/* CSS Document */

/* ===========================================================
					Divers
=========================================================== */
p
{
   text-indent:2px;
   line-height:18px;	
}
p:first-letter
{
  font-size:12px;	
}

hr
{
  border:0px;
  border-bottom:1px dotted #666;	
}

.col1
{
	padding-right:10px;
	padding-left:10px;
	border-right:2px dotted #0075BB;
}
.col2
{
	padding-left:10px;
	padding-right:10px;
}
.col2 ul
{
    padding-left:10px;
    margin-left:10px;	
}

.bg
{
   /*background:#fff;	
   border:6px solid #2F90CB;
   padding:10px;*/
}

.table th
{
	border:1px dashed #fff;
	background:#C2AAC4;
	color:#000;
	padding:10px;
	font-size:13px;
}
.table td
{
	border-top:1px dashed #C2AAC4;
	border-right:1px dashed #C2AAC4;
	background:#9A0056;
	color:#fff;
	padding:10px;
}
.table .entete
{
    text-align:center;
	font-size:13px;
	background:#893956;	
}

.contactbutton
{
  text-align:center;
  margin-top:30px;	
}


.altern
{
   border:6px solid #002C5A;	
   color:#fff;
}
.altern p
{
	margin:0px;
	padding:8px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(../images/contenu/pucealtern.png) no-repeat 5px 25px;
	padding-left:20px;
}
.altern p:nth-child(2n)
{
	background-color: #9B0057;
}
.altern p:nth-child(2n+1)
{
	background-color: #AF3379;
}

.deconnexion
{
    text-align: right;
    font-style: italic;
}

/* ===========================================================
					Recrutement
=========================================================== */
.candidature_spontanee
{
   	width:250px;
	margin:auto;
}