/* ===========================================================
					   Le fond du site
=========================================================== */
html,body
{
	margin				: 0;
	padding				: 0;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size			: 11px;
	height				: 100%;
	
	
	background-color	: #0A71B4;

	color				: #4D4D4D;
}


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

.fond_tab
{
	background-image	: url(../images/test.jpg);
	background-repeat	: repeat-y;
	background-position	: center;
	background-color	: #0A71B4
}


/* ===========================================================
					   Les titres
=========================================================== */
h1
{	
	font-size			: 20px;
	color				: #B00065;
	text-align			: left;
	text-transform		: none;
	font-family			: Georgia, "Times New Roman", Times, serif;
	
	margin-top			: 20px;
	margin-bottom		: 20px;
}
h2
{
	font-size			: 13px;
	color				: #00aad3;
	text-align			: left;
	text-transform		: none;
	font-family			: Georgia, "Times New Roman", Times, serif;
	
	margin-top			: 20px;
	margin-bottom		: 15px;
	padding-left		: 20px;
	
	background-image	: url(../images/contenu/contenu/puce-bleu.jpg);
	background-repeat	: no-repeat;
	background-position	:center left;
}
h3
{
	font-size			: 13px;
	color				: #B00065;
	text-align			: right;
	text-transform		: none;
	font-family			: Georgia, "Times New Roman", Times, serif;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
	
	border-bottom		: 1px solid #B00065;
}
.h2a
{
	font-size			: 13px;
	color				: #00aad3;
	text-align			: left;
	text-transform		: none;
	font-family			: Georgia, "Times New Roman", Times, serif;
	
	margin-top			: 20px;
	margin-bottom		: 2px;
	padding-left		: 20px;
	
	background-image	: url(../images/contenu/contenu/puce-bleu.jpg);
	background-repeat	: no-repeat;
	background-position	:center left;
}
.h3a
{
	font-size			: 13px;
	color				: #B00065;
	text-align			: right;
	text-transform		: none;
	font-family			: Georgia, "Times New Roman", Times, serif;
	
	margin-top			: 5px;
	margin-bottom		: 10px;
	
	border-bottom		: 1px solid #B00065;
}



/* ===========================================================
					Les liens sur la page
=========================================================== */
a, a:active, a:visited
{
	text-decoration		: none;
	text-transform		: none;
	color				: #00aad3;
	outline				: none;
	
}
a:hover
{
	text-decoration	: none;
	color			: #B00065;
}



/* ===========================================================
					   Les listes
=========================================================== */
ul.square li
{
	list-style-type		: square;
}
li
{
	list-style-image	: url(../images/contenu/contenu/maquette2009-C_28.jpg);
}

.borderure li
{
	border-bottom		: 1px solid #999999;
	padding-bottom		: 2px;
	padding-top			: 2px;
}


/* ===========================================================
					   Le haut du site
=========================================================== */
.fond_bandeau_haut
{
	background-color	: transparent;
	background-image	: url(../images/menuhaut/maquette2009-C_43.jpg);
	background-repeat	: repeat-y;
	background-position	:top left;
}

.fond_bandeau_haut_gauche
{
	background-repeat	: no-repeat;
	background-position	: bottom right;
	background-image	: url(../images/fond_bandeau_haut_gauche.jpg);
	background-color	: transparent;
}

.fond_bandeau_haut_droite
{
	background-repeat	: no-repeat;
	background-position	: bottom left;
	background-image	: url(../images/fond_bandeau_haut_droite.jpg);
	background-color	: transparent;
}

.fond_bandeau_bas_gauche
{
	background-repeat	: no-repeat;
	background-position	: top right;
	background-image	: url(../images/fond_bandeau_bas_gauche.jpg);
	background-color	: transparent;
}

.fond_bandeau_bas_droite
{
	background-repeat	: no-repeat;
	background-position	: top left;
	background-image	: url(../images/fond_bandeau_bas_droite.jpg);
	background-color	: transparent;
}

.sous-menu
{
	height				: 40px;
}

.sous-menu ul
{
	margin				: 0;
	padding				: 0;
	padding-top			: 5px;
	display				: none;
}

.sous-menu ul li
{
	width				: auto;
	display				: inline;
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

.sous-menu ul li a
{
	padding-left		: 20px;
	padding-right		: 10px;
	
	text-decoration		: none;
	font-weight			: bold;
	font-size			: 11px;
	color				: #00aad3;
	
	background-image	: url(../images/contenu/contenu/puce-bleu.jpg);
	background-repeat	: no-repeat;
	background-position	:left top;
}

.sous-menu ul li a:hover
{
	text-decoration		: none;
	font-style			: italic;
	color				: #B00065;
	background-image	: url(../images/contenu/contenu/puce-violette.jpg);
}

#ssmenu_graphisme{margin-left:10px;}
#ssmenu_site{margin-left:70px;}
#ssmenu_referencement{margin-left:300px}
#ssmenu_references{margin-left:440px}



/* ===========================================================
					   Le menu gauche
=========================================================== */
.fond_colonne_gauche
{
	background-color	: #FFFFFF;
	text-align			: left;
	background-image	: url(../images/menugauche/maquette2009-C2_11.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;
}

.fond_colonne_gauche_sous_lien
{
	background-image	: url(../images/menugauche/maquette2009-C_26.jpg);
	background-repeat	: no-repeat;
	background-position	: top left;
}

.newsletter
{
	margin-top			: 20px;
	text-align			: center;
	padding-left		: 15px;
}

.newsletter *
{
	margin-top			: 3px;
}


/* ===========================================================
					La colonne de droite
=========================================================== */
.fond_colonne_droite
{
	background-color	:transparent;
}

#boite-outil
{
	position			: fixed;
	right				: 0px;
	width				: 23px;
	top					: 100px;
	padding				: 2px;
	background-color	: transparent;
}

#boite-outil img
{
	margin				: auto;
	margin-top			: 4px;
}



/* ===========================================================
					   Le contenu de la page
=========================================================== */
.fond_centre
{
	background-color	: #FFFFFF;
	padding-left		: 10px;
	padding-right		: 5px;
	margin-bottom       : 15px;
}


.defil{
	width				: 212px;
	height				: 150px;
	text-align			: right;
	overflow			: hidden;
}

#slideCont
{ 	
	border				: solid 0px #000;	 
	text-align			: center;
	position			: relative;
	z-index				: 2;
	width				: 680px;
	height				: 160px;
	top					: 0px;
	overflow			: hidden;
} 

#slideCont img 
{ 	
	margin				: 5px;
} 

.accueilNew
{
	width				: 280px;
	background-image	: url(../images/contenu/fondaccueilnews.jpg);
	background-repeat	: repeat-y;
	text-align			: left;
}

.listenews_accueil
{
	padding-left		: 5px;
	max-width			: 260px;
}

/* ===========================================================
					   Le bas du site
=========================================================== */
.fond_bandeau_bas
{
	background-color	: #0A71B4;
	background-repeat 	: no-repeat;
	background-image	: url(../images/menubas/maquette2009-C_26.jpg);
	color				: #fff;
	font-size			: 10px;
}

.fond_bandeau_bas a, .fond_bandeau_bas a:active, .fond_bandeau_bas a:visited
{
	color				: #fff;
	text-decoration		: none;
}

.fond_bandeau_bas a:hover
{
	text-decoration		: underline;
}

.fond_bordure_bas_gauche
{
	background-image	: url(../images/maquette2009-C_25.jpg);
	background-position:top right;
	background-repeat	:no-repeat;
	background-color:#0A71B4;
}

.fond_bordure_bas_droite
{
	background-image	: url(../images/maquette2009-C_27.jpg);
	background-position	: top left;
	background-repeat	:no-repeat;
	background-color	: #0A71B4;
}

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



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

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

.news-bas
{
	max-height			: 95px;
	height				: 95px;
	max-width			: 285px;
	overflow			: hidden;
	margin				: 0px;
	padding				: 0px;
}

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

.tableau
{
	width				: 100%
}

.news-bas a,.news-bas a:active,.news-bas a:visited
{
	color				: white;
	text-decoration		: none;
}

.news-bas a:hover
{
	color				: white;
	text-decoration		: underline;
}

.news-bas .ligne1,.news-bas .ligne2
{
	background-color	: transparent;
}



/* ===========================================================
					   Les cadres
=========================================================== */
.cadre
{
	border				: 1px solid #B00065;
	padding 			: 6px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	font-weight			: bold;
	text-align			: center;
	color				: #fff;
	background-color	: #B00065;
}
.cadre a
{
	color				: #fff;
}
.cadre a:hover
{
	color				: #fff;
	text-decoration:underline;
	
}


.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 : 1px solid #f3f3f3;
	text-align : center;
	width : 100%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
}

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

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

.contour_image_no_border
{
	padding				: 0px;
	margin				: 10px;	
}

.contour_image_no_margin
{
	border				: 1px solid #ccc;
}

.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		:20px;
	margin-top			: 5px;
}	


/* ===========================================================
			   Les icones a côté des liens
=========================================================== */
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
{
	font-size			: 13px;
	font-weight			: bold;
}

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

.left {text-align:left}

.right {text-align:right}


.both
{
	clear				: both;
}

.float_left{float:left}

.float_right{float:right}

img
{
	border: 0;
}

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

.legende_gallerie
{
	font-size			:10px;
}



/* ===========================================================
					   Les formulaires
=========================================================== */

.button
{
	background-color:#B00065;
	color:white;
	border:1px solid #B00065;
}

.multiform  input[type=text], .multiform select , .multiform textarea
{
	border				: solid 1px #cccccc;
	width				: 200px;
}

.text_input{width:200px;border: solid 1px #cccccc;}

legend{color:#4D4D4D}

fieldset
{
	border:1px solid #cccccc;
	padding-left:10px;
}