@charset "ISO-8859-1";

/*CONFIGURATION PAR DEFAUT*/
/******************************************/
/*Tous les éléments ont des marges nulles*/
body, ul, li, p, h1, h2, h3, h4, h5, h6, a, img {
	margin:0;
	padding:0;
}
/*et pas de puces pour les listes*/
ul,li {
	list-style-type: none ; 
}
/*tous les liens sont de la même couleur*/
a {color: #5a6d84;/*gris typo rubrique*/}
/*les liens pour visionner, telecharger ont le même corps*/
a.visio {
	font-size:12px;
	font-weight:bold;
}
body {
	font-family: /*"Lucida Sans Unicode",*/ Arial, sans-serif;
	width:780px;
}
p {
	font-size: 12px;
	text-align: justify;
}

hr.separation {
	clear:both;
	visibility: hidden;
}

span#eject {
	position:absolute;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
}
h1 {
	font-size: 24px;
	margin: 0 0 10px 0;/*SAFARI : repreciser toutes les marges lorsque l'on en change une !*/
	color: #666666;
}
/*Les h par defaut*/
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
	margin: 0 0 5px 0;
}
h3.fin {
	font-weight: normal;
	font-size: 14px;
	margin : 0 0 3px 0;
	color: #5D220F;
}
h4 {
	font-size: 11px;
	margin: 0 0 5px 0;
}
h6 {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
span.exposant   {
	vertical-align: super;
	font-size: 80%;
}
.notabene {
	font-size: 11px;
	color: #666666;
}
/*le point qui sépare les telechargement*/
.point {
	font-size: 12px;
	font-weight: bold;
	margin: 0 5px;
	color: #5a6d84;/*gris typo rubrique, comme les liens*/
}
/*image d'accompagnement placé à droite de l'intro*/
img.decalee, .decalee {
	margin-left: 10px;
	float: right;
	border: 1px solid #333333;
}
img.border {
	border: 1px solid #333333;
}
/*placé à gauche dans les discours 3*/
.DecaleeG {
	float: left;
	overflow: hidden;
	width: 285px;
	border: 1px solid #333333;
}
/*lorsque la même image est placée dans le fond d'un div et rognée*/
.decalee {
	overflow: hidden;
	width: 278px;
}
img.filigrane {
	margin-bottom: 40px;
}
img.FooterIntro {
	width: 595px;
	position: relative;
	height: 150px;
	clear: both;
}
/* DIVISION sur chaque page */
#main {
	position:relative;
	width:100%;
}
a#logo {
	position:absolute;
	left: 520px;
	top: 20px;
	background: transparent url(../img/logo_galicet.gif) top left no-repeat;
	height: 97px;
	width: 216px;
}
a#logo img {
	border: 0;
}
img#ornement1,img#ornement2 {
	position: absolute;
	top: 42px;
}
img#ornement1 {
	left: 78px;
}
img#ornement2 {
	left: 185px;
}
#GrandVisuel {
	position: absolute;
	left: 0px;
	top: 129px;
}
#content {
	position: absolute;
	top: 310px;
	left: 185px;
	width: 595px;
}
#discours1, #discours2,#FicheTechnique  {
	width: 100%;
	position: relative;
	z-index: 6;
}
#discours2 {
	border: 2px dotted #B3B3B3;
	color: #666666;
}
/*titres des discours sont de même taille*/
#discours2  h2, #FicheTechnique h2 {
	margin: 15px 10px 5px 10px;
	clear: left;
}
/*mais pas de même couleur !! */
#FicheTechnique h2 {
	color:#990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.5em;
	}

/*un autre discours qui jouerait avec le padding*/
#discours3 {
	border: 2px dotted #B3B3B3;
	color: #666666;
	padding:10px;
	position:relative;
	width: 571px;
	margin: 0;
	}
/*et accueille des colonne sans marges*/	
#ColonneGaucheAvecP {
	float:left;
	width:48%;
	padding:2% 1% 2% 2%;
	margin:0;
	}
#ColonneDroiteAvecP {
	float:right;
	width : 44%;
	padding:2%;
	margin:0;
}
#ColonneDoubleAvecP {
	margin:0px;
	clear: both;
	padding: 0 2% 0 2%;
}
#ColonneDroitePostit {
	background-image: url(/img/postit.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float:right;
	width : 43%;
	padding:2%;
	margin:0 0 15px 0;
	background-color: #FFE8A3;
}
/*taille des typos dans les pavés = idem BAS */
#discours2 p, #discours3 p, #FicheTechnique p {
	margin-bottom:12px;
	font-size:13px;
	}

/*les colonnes du discours 2*/
#ColonneGauche, #ColonneDroite {
	width: 45%;
	float: left;
	text-align: justify;
	margin: 0;
	overflow: hidden;
}

#ColonneDouble {
	margin:10px;
	clear: both;
}

/*Si les titres sont DANS les colonnes, réinitialisez leurs marges */
#ColonneGauche h2, #ColonneDroite h2, #ColonneDouble h2,  #ColonneGaucheAvecP h2, #ColonneDroiteAvecP h2 {
	margin: 0 0 5px 0;
}
/*marge plus basse pour laisser passer le revers du post-it*/
#ColonneDroitePostit h2 {
	margin: 10px 0 5px 0;
	color: #70351C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#intro  {
	width: 295px;
	float: left;
	text-align: justify;
}

/*taille des polices selon importance*/
#intro  p, #intro ul  {
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 0px;
}
/*taille de l'intro de moindre importance*/
#intro  p.courant, #intro li.courant {
	font-size: 13px;
	color: #666666;
}
#remarques p {
	font-size:13px;
	}
	
#intro img {
}
#remarques /*bloc BAS*/
  {
	float: right;
	padding: 0px;
	color: #314718;
	width: 280px;
	margin-bottom: 10px;
}
.budget#remarques {
	float: none;
	width: 100%;
	margin-top : 10px;
	border: 1px solid #666;
}
/*la marge interieure des elements de BAS remplacent le padding*/
#remarques p {
	margin: 5px 15px 15px 15px;
}
#remarques h2 {
	margin:15px 15px 0 15px;
	}
#remarques h3 {
	margin:10px 15px 0 15px;
	}	
#RemarquesVierges {
	float:right;
	width:44%;
}

#footer {
	font-size: 11px;
	text-transform: none;
	margin: 10px auto;
	text-align: center;
}
#footer a:link, #footer a:visited {
	text-decoration:none;
}
#footer a:hover, #footer:active {
	text-decoration:underline;
	font-weight:bold;
}


/*les IMAGES DE FOND ET LES FONDS DE COULEUR par page*/	
/*page LIEU*/
body#lieu {
	background: #FFF url(/img/texture_ecorse.jpg) 0 0 repeat-y;
}

/*page ACCUEIL*/
/******************************************/
ul#news li h2 {
	margin:6px 0;
}
/*placement commun (accueil, rubriques) de la fenêtre de contenu*/
ul#news,ul#ShowSousRubrique {
	position:absolute;
	left:402px;
	top:124px;
	width:314px;
	height:410px;
	z-index:2;
	visibility:visible;
	background-color: #FFFFFF;
	overflow: auto;/*fenêtre déroulante*/
	padding: 15px 25px 0 25px;
}
ul#news li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	list-style-position: outside;
	list-style-image: url(../img/fleche_titre_news.gif);
	margin-bottom: 15px;
}
/*l'image est écartée du texte par une marge supérieure et inférieure*/
ul#news img {
	margin: 10px 0;
}
/*le lien également*/
a#liennews {
	margin : 6px 0;
	font-size: 11px;
	color: #5F4A5F;/*gris texte lien*/
}


/*page RUBRIQUE*/
/******************************************/
span#result  {
	text-transform: uppercase;
	color: #5A6D84;/*gris texte result*/
	font-weight: bold;
}
#ExplainVignette {
	margin-left: 125px;
	position: relative;
}
ul#ShowSousRubrique li img {
	float: left;
}
ul#ShowSousRubrique li {
	margin-bottom: 15px;
}
#FicheTechnique {
	background-color:#E8A06D;
	border: 2px solid #CC6600;
	margin-top: 10px;
}
/*taille des textes ds FT*/
#FicheTechnique p, #FicheTechnique ul li {
	font-size: 12px;
}
/*s'il ya des listes*/
#FicheTechnique ul li {
	list-style-type:circle;
	}
#remarques a {
	color: #FFFFFF;
}
ul.scande li {
	list-style-position: inside;
	margin-bottom: 5px;
	list-style-type: none;
}
ul.scande {
	font-weight:bold;
}

ul.epreuve li {
	font-size: 12px;
	list-style-type: none;
	margin: 2px 0;
	list-style-position: inside;
	list-style-image: url(../puces/carre_gris.gif);
}
ul.epreuve {
	margin: 8px 0 15px 0;
}
/*SAFARI ajoute TOUJOURS un décalage pour les li*/
/*je fais une fausse liste pour mettre des puces*/
.fausseliste {
	margin: 8px 0 15px 0;
}
.fausseliste p {
	background-image: url(../puces/carre_gris.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 15px;
	margin:0 0;
}

ul.menu_intermediaire {
	position: absolute;
	left: 28px;
	top: 312px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
ul.menu_intermediaire li {
	margin-bottom: 5px;
}
ul.menu_intermediaire li a {
	text-decoration: none;
}
hr.pointillee {
	border: 1px dotted #B3B3B3;
	visibility: visible;
	clear: both;
}
hr.budgetsepa {
	border: 1px dotted #873612;
	width: 565px;
	margin : 0 auto;
}
#shadow {
	background-color: #999999;
	position: absolute;
	height: 228px;
	width: 280px;
	z-index: -2;
	left: 511px;
	top: 337px;
}
.alert {
	font-size: 20px;
	color: #CC0000;
	font-weight: bold;
}