@charset "utf-8";
/* CSS Document */

body{
	background-color: #fa8602;
	background-image: url(/images/fondpage.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a:link, a:visited { color: #0062a1; text-decoration: underline; }

a:focus, a:hover, a:active {
	color: #FA8500; text-decoration: underline;
}

a.onglets:link, a.onglets:visited {
	text-decoration: none;
}

a.onglets:hover, a.onglets:active, a.onglets:focus {
	color: #FA9016; text-decoration: none;
}

a.sousmenu:link, a.sousmenu:visited {
	color: #999999;
	//color: #FA8500;
	//text-decoration: none;

}

a.sousmenu:active, a.sousmenu:focus, a.sousmenu:hover {
	//color: #FA9016;
	color: white;
	background-color: #FA8500;
	text-decoration: none;
}


a.zone-copyright:link, a.zone-copyright:visited {
	text-decoration: none;
	font-weight: bold;
}

a.zone-copyright:hover, a.zone-copyright:active, a.zone-copyright:focus {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

span.breadcrumb>a:hover {
	color: white;
	background-color: #FA8500;
	text-decoration: none;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
span.breadcrumb, span.breadcrumb>a:link, span.breadcrumb>a {
	color: #FA8500;
	background-color: white;
	text-decoration: none;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}

/*//////////// STYLES DE TEXTE //////////*/
h1{
	color: #0062a1;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: -2px;
}

h2{
	color: #FA8500;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: -4px;
}

/*///////////// FORMULAIRES ////////////////////*/
input, textarea {
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 3px 10px 15px 0;
	padding: 3px 3px 3px 3px;
}

p.texte-orange{
	color: #FA8500;
	margin: 0 0 15px 0;
	text-align: left;
}

p.texte-orange-gras{
	color: #FA8500;
	font-weight: bold;
	margin: 5px 0 -10px 0;
	text-align: justify;
}

/*/////////// CONTOUR D'UNE IMAGE ////////////*/
.bordure-img{ border: 1px solid #999999; }

.bouton {
	background-color: #F6F6F6;
	border-bottom: 2px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 10px 15px 0;
	padding: 3px 3px 3px 3px;
}

/* ///// ONGLETS ///// */
/* Textes */
.onglets{ color: #0062a1; font-weight: bold; }

.sousmenu{
	color: #999999;
	font-weight: normal;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: none;
}

#accueil{
	margin-left: -10px;
	position: absolute;
	text-align: center;
	width: 69px;
}

/*////////////////////// PLACEMENT DES BLOCS //////////////////////*/
#bandeau{ margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; }

#contenu-droite{
	height: 435px;
	margin: 51px 0 0 398px;
	padding: 2px 10px 20px 10px; /*Le contenu situé à droite sur fond gris*/
	position: absolute;
	width: 170px;
}

#contenu-droite2{
	height: 435px;
	margin: 51px 0 0 398px;
	padding: 2px 0px 20px 10px; /*Le contenu situé à droite sur fond gris*/
	position: absolute;
	text-align: justify;
	width: 170px;
}

#contenu-gauche{
	height: 441px;
	margin: 51px 0 0 15px;
	padding: 2px 10px 20px 10px; /*Le contenu situé à gauche sur fond blanc*/
	position: absolute;
	text-align: justify;
	width: 345px;
}

#contenu-gauche-accueil{
	background-image: url(/images/fondaccueil.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 441px;
	margin: 51px 0 0 15px;
	padding: 2px 10px 20px 10px; /*Le contenu situé à gauche sur fond blanc*/
	position: absolute;
	text-align: justify;
	width: 345px;
}

#contenu-gauche-sm{
	height: 410px;
	left: 5px;
	margin: 75px 0 0 15px;
	padding: 2px 10px 20px 10px; /*Le contenu situé à gauche sur fond blanc lorsqu'il y a un sous menu*/
	position: absolute;
	text-align: justify;
	top: -1px;
	width: 345px;
}

#contenu-gauche-sm-blanc{
	height: 410px;
	margin: 75px 0 0 15px;
	padding: 2px 10px 20px 10px; /*Le contenu situé à gauche sur fond blanc lorsqu'il y a un sous menu et pas de zone grise*/
	position: absolute;
	text-align: justify;
	width: 550px;
}

#contenu-info{
	height: 230px;
	padding-left: 0px;
	position: absolute;
	text-align: justify;
	width: 164px;
	//border: 1px solid #8b4513;
	margin-top: 140px;
	margin-left: 2px;
}

#contenu-info-bas{
	margin-top: 375px;
	margin-left: 2px;
	position: absolute;
	text-align: justify;
	width: 164px;
	//border: 1px solid #8b4513;
}

#contenu-info-haut{
	height: 135px;
	position: absolute;
	text-align: justify;
	width: 164px;
	//border: 1px solid #8b4513;
	margin-top: 0px;
	margin-left: 2px;
	padding: 0px 0px 0px 0px;
}

#zone-copyright {
	width: 785px;
	top: 670px;
	position: absolute;
	margin-left: 15px;
	//background-color: white;
	text-align: center;
}

#contributions{
	margin-left: 478px;
	position: absolute;
	text-align: center;
	width: 103px;
}

#formulaire{ margin: 15px 30px 0 30px; }

/*//////////// BLOC DE GAUCHE //////////*/
#info{
	background-image: url(/images/fondinfo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 450px;
	margin: 153px 0 0 10px;
	padding: 50px 10px 20px 10px;
	position: absolute;
	width: 188px;
}

/*MENU ROLLOVER*/
#navcontainer { width: 154px; }

#navcontainer a{
	background-image: url(/images/fondgauche.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	width: 154px;
}

#navcontainer a:link, #navlist a:visited{ color: #FFFFFF; text-decoration: none; }

#navcontainer a:hover{
	background-image: url(/images/fondgauche_roll.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#navcontainer ul{
	list-style-type: none;
	margin-left: 0;
	padding: 0 6px 0 6px;
	text-align: right;
}



#partenaires{
	margin-left: 386px;
	position: absolute;
	text-align: center;
	width: 92px;
}

#presentation{
	margin-left: 59px;
	position: absolute;
	text-align: center;
	width: 95px;
}

#produits{
	margin-left: 154px;
	position: absolute;
	text-align: center;
	width: 90px;
}

#references{
	margin-left: 244px;
	position: absolute;
	text-align: center;
	width: 86px;
}

#sous-menu{
	//background-color: #E8E8E8; /*E3E3E3*/
	//height: 9px;
	//margin: 50px 0 0 6px;
	//padding: 2px 10px 7px 10px;
	//position: absolute;
	//text-align: center;
	//width: 364px;
}

#sous-menu-blanc{
	background-color: #E8E8E8;
	background-image: url(/images/fond-sm.jpg);
	background-position: right top;
	background-repeat: repeat-y;
	height: 9px;
	margin: 50px 0 0 6px;
	padding: 2px 10px 7px 54px; /*sous menu avec dégradé vers le blanc pour les pages où il n'y a pas de zone grise*/
	position: absolute;
	text-align: left;
	width: 500px;
}

#tarifs{
	margin-left: 330px;
	position: absolute;
	text-align: center;
	width: 58px;
}

/*//////////// BLOC DE CONTENU A DROITE //////////*/
#zone-droite{
	background-image: url(/images/fondcontenu.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 518px;
	margin: 150px 0 0 202px; /*Toute la partie de droite*/
	position: absolute;
	width: 603px;
}

#zone-droite-blanc{
	background-image: url(/images/fondcontenu-sm.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 518px;
	margin: 150px 0 0 202px; /*Toute la partie de droite sans la zone grise*/
	position: absolute;
	width: 603px;
}