/***************************** CSS GENERIQUE ********************************/

/***************************** BODY, A, A:hover, A IMG, FORM ****************/

BODY {
	padding:0px;
	margin:0px;
}
form {
	padding:0px;
	margin:0px;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a :visited{
	text-decoration: none;
}
#contenu a {
	color:#66CC68;
}

a img {
	border-width:0px;
}

#accueil {
	margin-top:27px;
	background:url('images/guyot/ga_body_bg.jpg') repeat-x top;
}

#contenu {
	margin:0px 0px 0px 0px; 
	padding:0px;
	color:#333333;
}
#type #contenu {
	margin:10px 0px 0px 0px;
}

#contenu .bloc {
	margin:0px;
	margin:0px 10px 10px 15px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear:both;
}
#accueil #contenu .bloc {
	margin:0px 5px 10px 0px; 
}
#contenu ul {
	list-style:none;
	padding:0px 0px 0px 10px;
	margin:0px;
}
#contenu ul li {
	padding:0px 0px 0px 10px;
	margin:0px;
	line-height:18px;
	background:no-repeat;
	background-position:0px 7px;
	background-image:url('images/guyot/ge_puce.png');
}

/***************************** BLOC TEXTE ***********************************/

#contenu .texte {
	font-size: 11px;
	text-align:justify;
	clear:both;
}
#contenu .texteGauche {
	font-size: 11px;
	width: 250px;
	text-align:justify;
}
#contenu .texteDroite {
	font-size: 11px;
	width: 250px;
	text-align:justify;
}
#contenu .texteMilieu {
	width: 20px;
}

#accueil #contenu .texteGauche {
	font-size: 11px;
	width: 155px;
	text-align:justify;
}
#accueil #contenu .texteDroite {
	font-size: 11px;
	width: 155px;
	text-align:justify;
}
#accueil #contenu .texteMilieu {
	width: 14px;
}

#contenu .texteImgGauche {
	font-size: 11px;
	text-align:justify;
}
#contenu .texteImgGauche img {
	float : left;
	margin : 5px;
	margin-right:15px;
	margin-bottom:10px;
}
#contenu .texteImgDroite {
	font-size: 11px;
	text-align:justify;
}
#contenu .texteImgDroite img {
	float : right;
	margin : 5px;
	margin-left:15px;
	margin-bottom:10px;
}
#contenu .texteHaut {
	font-size: 11px;
	text-align:justify;
	clear:both;
}
#contenu .texteCentre {
	text-align:center;
	clear:both;
}
#contenu .texteCentre img {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
#contenu .texteBas {
	font-size: 11px;
	text-align:justify;
	clear:both;
}

/***************************** BLOC TITRE ***********************************/

#contenu .titre {
	width:100%;
	height:21px;
	line-height:16px;
	clear:both;
	background:url('images/guyot/gt_titre_bg.png') no-repeat;
	margin:20px 0px 10px 0px;
}
#contenu .titre h2 {
	padding:0px;
	margin:0px 0px 0px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#009966;
	text-transform:uppercase;
}

#accueil #contenu .titre {
	background:url('images/guyot/ga_titre_bg.png') no-repeat;
}
/***************************** BLOC FICHIER *********************************/

#contenu .fichier {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 11px;
}
#contenu .fichier a {
}

/***************************** BLOC QUESTIONNAIRE ***************************/

#contenu #formulaire {
	margin:0px;
	padding:0px;
	text-align: left;
}
#contenu #formulaire table {
	margin:0px;
	padding:0px;
	border: 0px;
}
#contenu #formulaire td {
	color: #000000;
	border: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#contenu #formulaire .messageErreur {
	color: #FF0000;
}
#contenu #formulaire td.intitule {
	font-weight: bold;
	text-align: left;
	width: 120px;
}
#contenu #formulaire td.intituleTexte{
	margin:0px;
	padding:0px;
}
#contenu .formulaire td.valeur,
#contenu .formulaire td.valeurCheck {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#contenu #formulaire td.valeur input,
#contenu #formulaire td.valeur textarea,
#contenu #formulaire td.valeur select {
	padding-left: 0px;
	padding-right: 0px;
	margin:5px 0px 5px 0px;
	text-align: left;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#contenu #formulaire td.valeur textarea {
	width: 370px;
}
#contenu #formulaire div.boutonEnvoyer {
	padding-left: 119px;
}
#contenu #formulaire div.boutonEnvoyer input {
	width: 85px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:5px 0px 5px 0px;	
}

/***************************** STYLE PROPRES AU MODELES **********************/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	margin:3px;
	color:#999999;
}

#logoGaucheBg {
	background:url('images/guyot/gt_logo_h_bg.png') top right no-repeat;
}
#bandeauDroitBg {
	background:url('images/guyot/gt_bandeau_bg.jpg') bottom left no-repeat;
}

#menuVertical {
	background:url('images/guyot/gt_menu_vertical_h_bg.jpg') top no-repeat #FFFFFF;
}
#menuVertical .niveau1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#66CC68;
	padding:3px 0px 3px 25px;
	text-transform:uppercase;
	background:url('images/guyot/gt_menu_vertical_niveau1_puce.png') no-repeat 8px 3px;
}
#menuVertical .niveau1 a {
	color:#66CC68;
}
#menuVertical .niveau2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#666666;
	padding:2px 0px 2px 34px;
	background:url('images/guyot/gt_menu_vertical_niveau2_puce.png') no-repeat 26px 5px;
}
#menuVertical .niveau2 a {
	color:#666666;
}
#menuVertical .niveau3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	padding:2px 0px 2px 43px;
	background:url('images/guyot/gt_menu_vertical_niveau3_puce.png') no-repeat 35px 6px;
}
#menuVertical .niveau3 a {
	color:#666666;
}

.bordureGriseX {
	background:url('images/guyot/gt_bordure_999999.png') top repeat-x #FFFFFF;
}
.bordureGriseY {
	background:url('images/guyot/gt_bordure_999999.png') top repeat-y #FFFFFF;
}
.fondJaune {
	background:#F5D93F;
}

#outil {
	background:url('images/guyot/gt_outil_bg.jpg') top right no-repeat;
}
#outil .niveau1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#66CC68;
	text-transform:uppercase;
}
#outil #chemin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	line-height:18px;
}
#outil #chemin .niveau2 a {
	font-weight:bold;
	color:#66CC68;
}
#outil #chemin .niveau3 a {
	color:#666666;
}
#outil .maj {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
}
#outil .impression  {
	font-size: 10px;
}
#outil .impression a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#66CC68;
}
#outil .impression img {
	margin-left:3px;
}

#copyright {
	background:url('images/guyot/gt_copyright_bg.png') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	padding-left:10px;
}
#copyright a {
	color:#CC6633;
}

/************************ ACCUEIL ****************************************/

#enVersion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#336699;
}
#enVersion a {
	color:#336699;
}
#enVersion img {
	vertical-align:-4px;
	margin-right:3px;
}
#menuVerticalAccueil {
}
#menuVerticalAccueil .niveau1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#66CC68;
	padding:3px 0px 3px 15px;
	text-transform:uppercase;
	background:url('images/guyot/gt_menu_vertical_niveau1_puce.png') no-repeat 0px 3px;
}
#menuVerticalAccueil .niveau1 a {
	color:#66CC68;
}
#copyrightAccueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	padding-left:2px;
}
#copyrightAccueil a {
	color:#CC6633;
}

#zoneRayee {
	background:url('images/guyot/ga_zone_rayee_bg.png');
}