@charset "utf-8";


body {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background-color: #c5c5c5;
	background-image: url(images/bgrd.gif);
	background-repeat: repeat-x;
}

.pti_logo{float:left; width:80px; height:70px; overflow:hidden; margin-right:5px; border:0px}

.oneColFixCtrHdr #container {
	width: 920px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	background-image: url(images/bgrd-page.gif);
}
.oneColFixCtrHdr #header {
	height: 108px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(images/entete.jpg);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 ; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#c5c5c5;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}


/* CSS Document */
.search{
	border: 1px solid #388e64;
	background-color: #cce2d7;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/search.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left: 17px;
	height: 16px;
	}
.newsletter{
	border: 1px solid #cc454f;
	background-color: #f2cfd2;
	color: #083378;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 16px;
	}

.newsout{ padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; text-align:left;
	}
.news{padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E1EDE7;  text-align:left;
	}
	
.newsout H2{color:#006F37; font-family: Helvetica; font-size:14px; text-transform:uppercase; margin:0}
.news H2{color:#000; font-family: Helvetica; font-size:14px; text-transform:uppercase; margin:0}
	
	
	
.prdts{
	background-color: #ff7f7f;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
.prdts-out{
	background-color:#e1eaf5;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	

	}

a.prdts-txt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #000;
	}
a.prdts-txt:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #000;
	}

.texte-b{
	color: #005b2e;
	}
a.texte-b{
	color: #005b2e;
	text-decoration: none;
	}
a.texte-b:hover{
	color: #005b2e;
	text-decoration: underline;
	text-align: right;
	}
.ht-ligne{
	line-height: 22px;
}
.copy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6b6b6b;
	}
a.copy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6b6b6b;
	text-decoration:none;
	}
a.copy:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6b6b6b;
	text-decoration: underline;
	}
.actu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
a.actu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:	#000;
	}
a.actu:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#000;
	}
	
.coord {margin:0; padding:0; padding: 5px 15px}
	
	
.flash-news{ clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	background:#E1EDE7 url(images/flash-news.gif) no-repeat; 
	margin:5px 0; padding:2px 0 3px 130px; 
	}
.flash-news a{ color:#555; text-decoration:none}
.flash-news a:hover{ color:#000; }












/*INTERIEUR*/

.titre{
	color: #006F37;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	background: url(images/bullet.gif) no-repeat left 3px ;
	padding-left: 30px;
	}
	
	.texte{ color:#555; line-height:16px;text-align:justify; margin-right:15px}	
#chapo{font:bold 12px arial; color:#666666; margin:5px 15px }
	
	
	
.focus{ padding: 5px; margin: 5px 15px; border-bottom:#CCC 1px dotted; cursor:pointer; background-color:#FFF }	
.focusTop{	padding:5px; margin:  5px 15px; border-bottom:#CCC 1px dotted; cursor:pointer; background:#E1EDE7 url(images/over-b.gif) repeat ; /**/}
.focus H2 A{color:#006F37; text-decoration:none  }    .focusTop H2 A{color:#F4D923; }	
h2{font:arial 13px bold; margin:5px 0; padding:0}
	
.clearboth{clear:both; margin: 0; visibility:hidden }
	
	
	
	
	
	
	
	

/* FORMULAIRES    */

#formulaire {
        border: none; 
        margin: 0;
        padding: 0;
        width: 100%;        /*** Largeur du formulaire ***/
        text-align : left;
}

#formulaire div#titreForm, div#piedForm {        /*** Mise en forme du titre et du pied de formulaire ***/
        font: bold 1.1em arial, hevetica, sans-serif;
		color: white; /* white */ 
        padding-top: 5px;
        padding-bottom: 13px;	
}
#formulaire #titreForm a {
		margin-left: -165px;
		color: white;
		text-decoration: none;
}
#formulaire #titreForm a:hover {
		text-decoration: under;
}

#formulaire div#piedForm {
        text-align: right; /*** Les boutons sont alignés à droite ***/
}


input#envoyer{width:58px; height:16px;margin:0px;padding:0px; background: url(images/envoyer.jpg) no-repeat bottom right;border:none;}
#formulaire div#corpForm {        /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
        color: #333;
        /* background-color: #7E8B00;  #DDE2FE #333  #9EA5CA #8A91BC  */
        margin: 0;
        padding: 1em;
}
#formulaire div#corpForm fieldset {        /*** Mise en forme des cadres ***/
        margin: 0;
        font-style: normal;
        padding: 0 1em 1em;
}
#formulaire div#corpForm legend {        /*** Mise en forme des titres des cadres ***/
        font-weight: bold;
        color: #333;  /* E1EB48 93A012 black  #8A91BC  395DA7*/
        background: transparent;
}
#formulaire div#corpForm p {        /*** Mise en forme des lignes du formulaire ***/
        padding: .2em 0;
        margin: 0 0 .2em 0;
}


#formulaire div#corpForm input.checkbox {        /*** Mise en forme des checkboxs du formulaire ***/
        margin-top : 5px;
}
#formulaire div#corpForm fieldset label {        /*** Mise en forme des intitulés de champs ***/
        float: left;        /*** Très important, ne pas suprimer ! ***/
        width: 30%;        /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
        text-align: right;        /*** ... et ils sont alignés à droite... ***/
        margin: 0;
        padding: 0 .5em 0 0;
        line-height: 1.8;        /*** ... et centrés verticalement. ***/
}


#formulaire div#corpForm label.oblig {
        font-weight: normal;        /*** Mise en évidence des champs obligatoires ***/
		color: #333;	
}

#formulaire div#corpForm .legende {        /*** Mise en forme des aides contextuelles ***/
        font-style: italic;
        color: #666;
        background: transparent;
        margin: 0;
        padding: 0;
}
#formulaire div#corpForm a.aide {        /*** Mise en forme des bulles d'aide ***/
        text-decoration: none;
}
#formulaire div#corpForm a.aide img {        /*** Mise en forme de l'image des bulles d'aide ***/
        margin: 0;
        padding: 0;
        border: 0;
        margin-bottom : 0.2em;
}
#formulaire div#corpForm a.aide:hover {        /*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
        cursor: help;
}
#formulaire div#corpForm .focus {        /*** Mise en avant des champs en cours d'utilisation ***/
        background: beige;
        color: black;
}
#formulaire div#corpForm .normal {        /*** Retour à l'état normal après l'utilisation ***/
        background: white;
        color: black;
}

/*** Mise en forme des messages d'erreur ***/
#formulaire div#corpForm .alerte {        /*** Mis en évidence des champs mal renseignés ***/
        border: 0px solid #cc0000;
}
#formulaire div#corpForm .messageAlerte {        /*** Mise en forme des message d'alerte ***/
        display: block;
        margin: 0 0 .3em .3em;
        padding-left: 12em;
        color: #cc0000;
        font-weight: normal;
		font-size:10px;
        /* background: url('./../image/formulaire/icon_alert.gif') no-repeat left center; */
}

#formulaire div#corpForm .noalerte {        /*** Mis en évidence des champs mal renseignés ***/
        border: 0px solid #cc0000;
}
#formulaire div#corpForm .nomessageAlerte {        /*** Mise en forme des message d'alerte ***/
        display: none;
}

// Pour les boutons de saut de page
#formulaire div#corpForm input.bigred {
	font-weight: bold; 
	background: #FFccaa;
}

#formulaire div#corpForm input.flat {
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
}

#formulaire div#corpForm input {width:200px;
}
#formulaire div#corpForm textarea {width:200px; height:70px;
}

/* BALISE DE L ENCAPSULATION DES fieldset */
#form {
        color: black;
        margin: 0;
        padding: 1em;
        /*width:auto;*/
        background-color: #white;    /*  999999  C8CEAC  C4C4C4 */
}

#form fieldset {
        font-style: normal;
}
#form legend {
        font-weight: bold;
        background-color: transparent;
        color: #395DA7;  /* #8C9E76 */
        font-family: arial, helvetica, sans-serif;
        font-size: 10pt;
}
/* tableau  */

.table {
         width:100%;
}


.tfoot {
		background-color:#FFFFFF;
		border:1px solid #6495ed;
}

.th {
		background-color:#395DA7;
		color: white;
		padding-top:5px;
		padding-bottom:5px;
}

.td {
		padding-top:5px;
		padding-bottom:5px;
		text-align:left;
		border-bottom: 1px solid gray;
}

.caption {
		font-family:sans-serif;
}

.ariane{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;	
	
}
a.ariane {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;	
	text-decoration:none;
}
a.ariane:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;	
	text-decoration: none;
}