/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
font: 100% Verdana, arial, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}
/*body {
margin: 0;
padding: 10px 20px; /* Note -> 2 */
/*font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
/*font-size: .8em; /* -> 4 */
/*line-height: 1.25; /* -> 5 */
/*color: black;
background: white;
}*/

/* Listes */
/*ul, ol {
margin: .75em 0 .75em 24px;
padding: 0; /* -> 9 */
/*}*/
/*ul {
list-style: square;
}*/
/*li {
margin: 0;
padding: 0;
}*/

/* Paragraphes */
/*p {
margin: 0 10px 10px;
}
li p, blockquote p {
margin: .5em 0;
}*/

/* Citations */
/*blockquote, q {
font-size: 1.1em;
font-style: italic;
font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
margin: 0.75em 0 0.75em 24px;
background: #F2F1EC;
color: #3B5E70;
padding: 5px 5px 5px 7px;
font-style: normal;
}
cite {
font-style: italic;
}*/

/* Liens */
a {
/*color: mediumblue;
text-decoration: underline;*/
}

a:hover, a:focus {
/*color: crimson;*/
}
a img {
border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
/*em {
font-style: italic;
}
strong {
font-weight: bold;
/*color: dimgray;
}*/


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

/*pre, code {
font-size: 100%;
/*font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}*/
/*pre {
width: 90%;
overflow: auto;
overflow-y: hidden;
margin: .75em 0;
padding: 12px;
background: #eee;
color: #555;
}
pre strong {
font-weight: normal;
/*color: black;
}*/
/*#copyright {
/*margin: 20px 0 5px 0;
text-align: right;
font-size: .8em;
color: #848F63;
}*/
/*#copyright a {
/*color: #848F63;
text-decoration: none;
}*/
/*#copyright a:hover, #copyright a:focus {
/*text-decoration: underline;
}*/


/* --- NOTES ---

1.Ce "font-size: 100%" est normalement inutile. On l'utilise uniquement
pour éviter un bug de redimensionnement du texte dans Internet Explorer.

2.Par défaut, les navigateurs ont un padding (ou, pour certains, un
margin) de 6px pour l'élément BODY. C'est ce qui évite que le texte
ne soit complètement collé aux bords de la zone de visualisation du
navigateur lorsqu'on affiche une page «brute», sans mise en forme.
Mais ce retrait de 6px est un peu faiblard: on le renforce donc.
Notez bien que les feuilles de styles des gabarits pourront augmenter
ce retrait, ou bien l'annuler.

3.Voici quelques exemples de collections cohérentes de fontes (propriété
CSS "font-family"):
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
font-family: "Times New Roman", Times, "Nimbus Roman No9 L", serif;

4.Taille du texte de base de la page. Dépend de la taille du texte par
défaut du navigateur (souvent 16px), et des réglages de l'utilisateur.
À adapter en fonction de la fonte choisie, et du rendu souhaité.
En général, on utilisera une valeur de base entre .65em et 1em
(ou 65% et 100%).

5.Hauteur de ligne. À adapter en fonction de la fonte choisie, et des
besoins particuliers (lignes de texte longues ou courtes, titre ou
corps de texte...).

6.En général, les styles par défaut des navigateurs font que les marges
en haut et en bas des titres sont équivalentes. Ici, en diminuant la
marge du bas, on cherche à rapprocher le titre du contenu qu'il introduit.

7.Les styles par défaut des navigateurs mettent les titres en gras.
Si on souhaite passer à des caractères «normaux», on doit utiliser
font-size: normal.

8.Pour un élément en "font-size: 3em", la taille du texte sera le triple de
la taille du texte de l'élément parent.
À noter: on aurait pu écrire "font-size: 300%" pour le même résultat.

9.Par défaut, les listes UL et OL ont un retrait à gauche qui peut être,
suivant les navigateurs:
- un padding-left de 40px;
- ou bien un margin-left de 40px.
On met tout le monde d'accord avec une marge à gauche de 24px, et pas
de padding.

10.Les navigateurs donnent souvent aux images placées dans des liens
une bordure disgracieuse. On annule ce style souvent gênant en appliquant
un "border: none" aux images qui se trouvent à l'intérieur d'un lien.

*/
img {
}

/* CSS Document */

body{
font-size: 11px;
margin: 0px;
padding: 0 0px 45px;
background: #851051;
}

p {
	color: #000000;
	margin: 0 10px 10px;
}

/*p.chemindefer{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/*margin-left: 20px;
}
p.chemindefer a {
}
p.chemindefer a:link, p.chemindefer a:visited, p.chemindefer a:active, p.chemindefer a:focus {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
}p.chemindefer a:hover{
color: #FF6600;
}*/

li.sommaire_rappel a,li.sommaire_rappel a:link,li.sommaire_rappel a:visited,li.sommaire_rappel a:active,li.sommaire_rappel a:focus, ul.sommaire_rappel a,ul.sommaire_rappel a:link,ul.sommaire_rappel a:visited,ul.sommaire_rappel a:active,ul.sommaire_rappel a:focus{
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 10px;
font-style: normal;
color: #D51920;
text-decoration: none;
list-style-position: inside;
list-style-type: disc;
}
form {
margin: 0px;
padding: 0px;
}

/*texte{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #990000;}
p.texte{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;}*/

/*blockquote{
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 11px;
color: #000000;
background-color: #D3D1D1;
border: 1px solid #666666;
padding: 5px;
}*/



/* CSS Structure */

div#section {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	border-bottom: 2px dotted #851051;
	height: 30px;
	/margin-bottom: 10px;
}

/*div#ombre_hg {
}
div#ombre_hd {
}*/

div#ombre_hm {
background: /*#FF6600*/ url(../images/creps_ombre_ht.png) repeat-x bottom;
/background: /*#FF6600*/ url(../images/creps_ombre_ht.jpg) repeat-x bottom;
width: 100%;
height: 9px;
clear: both;
}
/*div#ombre_bg {
}
div#ombre_bd {
}*/

div#ombre_bm {
background: /*#FF6600*/ url(../images/creps_ombre_bs.png) repeat-x top;
/background: /*#FF6600*/ url(../images/creps_ombre_bs.jpg) repeat-x top;
width: 100%;
height: 9px;
clear: both;
}

div#global {
width: 100%;
background: #FFFFFF;
}
div#global_page {
width: 100%;
clear: both;
}
div#page {
width: 980px;
clear: both;
margin-right: auto;
margin-left: auto;
}
div#header{
width: 980px;
float: Aucune;
margin-right: auto;
margin-left: auto;
text-align: center;
}
div#footer{
width: 980px;
margin-right: auto;
margin-left: auto;
clear: both;
padding-bottom: 10px;
border-top: 2px dotted #B2B2B2;
padding-top: 5px;
}

div#menu_h{

/*margin-right: auto;
margin-left: auto;*/
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
margin-bottom: 5px;
	clear: none;
}

/*div#menu_v{
width: 230px;
-width : 210px;
clear: none;
margin: 0px auto 10px;
}*/

div#content_rechercher {
	padding-left:15px;
	clear: none;
	width: 250px;
	height: 30px;
	margin-top: 5px;
}

div#section_chemindefer {
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 11px;
color: #004593;
margin: 0px auto 10px;
min-height: 20px;
/height: 20px;
padding-left: 30px;
text-align: left;
vertical-align: middle;
padding-right: 30px;
}
div#section_chemindefer a {
color: #004593;
text-decoration: none;

}
div#section_chemindefer a:link, div#section_chemindefer a:visited, div#section_chemindefer a:active {
color: #004593;
}
div#section_chemindefer a:hover, div#section_chemindefer a:focus {
color: #FF6600;
}
div#content{
width: 980px;
margin: 0px auto 10px;
overflow: hidden;
/*background-color: #ebebeb;*/
}

/*COLONNE DE GAUCHE*/
div#content1{
width: 250px;
margin-right: 10px;
float: left;
overflow: hidden;
/*background-color: #FFFFCC;*/
/*height: 150px;*/
}

/*COLONNE DE DROITE ALL*/
div#content2{
overflow: hidden;
float: right;
width: 710px;
margin-right: 10px;
/*background-color: #FFFF60;*/
padding-bottom: 10px;
/*height: 150px;*/
}
/*COLONNE DE GAUCHE ALL*/
div#content2g{
overflow: hidden;
float: left;
width: 710px;
/*margin-right: 10px;*/
margin-left: 10px;
/*background-color: #FFFF60;*/
padding-bottom: 10px;
/*height: 150px;*/
}

/*COLONNE DE DROITE*/
div#content3{
width: 250px;
float: right;
/*background-color: #99CCCC;*/
overflow: hidden;
/*height: 150px;*/
}

/*COLONNE DU MILIEU SI 3 COLONNES*/
div#content4{
width: 460px;
clear: none;
overflow: hidden;
/*height: 150px;*/
/*background-color: #f2d2a1;*/
	padding-bottom: 10px;
}

/*COLONNE TOUT SI 1 COLONNE*/
div#content5{
overflow: hidden;/*background-color: #ff3838;*/
overflow: hidden;
margin: 0px auto 0;
clear: none;
/*height: 150px;*/
/*background-color: #aec0df;*/
	width: 960px;
	padding-bottom: 10px;
}

div#content6 {
overflow: hidden;/*background-color: #ff3838;*/
overflow: hidden;
margin: 0px auto 5px;
clear: none;
width: 340px;
float: right;
padding-bottom: 5px;
}

div#content7 {
overflow: hidden;/*background-color: #ff3838;*/
overflow: hidden;
margin: 0px auto 5px;
clear: none;
float: left;
width: 50%;
_width: 99%
padding-bottom: 5px;
	border-right: 1px dotted #cdcdcd;
}

div#ddtopmenubar{
margin-right: auto;
margin-left: auto;
width: 100%;
float: Aucune;
}
p.pcontent1 {
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
}
p.pcontent2 {
margin-right: 10px;
margin-left: 10px;
}
p.pcontent3 {
margin-right: 10px;
margin-left: 10px;
}
p.pcontent4 {
margin-right: 10px;
margin-left: 10px;
}
p.pcontent5 {
margin-right: 10px;
margin-left: 10px;
}
p.pfooter {
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
}
p.pheader {
margin: 0px 10px;
}
/* Citations */
blockquote, q {
font: italic 14px Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
background: #fcf7ef;
color: #bd4d2f;
padding: 5px 5px 5px 7px;
border-width: 0;
width: 90%;
border-bottom: 1px solid #dd9a79;
border-right: 1px solid #dd9a79;
margin: 10px auto 0;
}
cite {
font-style: italic;
color: #91ae73;
}
img.appel80, img.appel80 a {
float: left;
height: 80px;
width: 80px;
/*vertical-align: bottom;*/
border-width: 0;
margin: 0px 10px 0px 0px;
}
img.appel120, img.appel120 a {
float: left;
height: 120px;
width: 120px;
/*vertical-align: bottom;*/
border-width: 0;
margin: 0px 10px 0px 0px;
}

/* MISE A ZÉRO POUR GALERIE */
ul, li {
margin: 0;
padding: 0;
}
div#container {
margin: 0;
padding: 0;
}

div#paginate_liens {
margin: 0 0 3px;
padding: 5;
	border-top: 1px dotted #851051;
	padding-top: 2px;
	padding-right: 5px;
	clear: both;
}
/*RAPPEL SOMMAIRE*/
table {
}
table.table_rappelliens {
	font: 10px Verdana, arial, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	margin-top: 10px;
}
table.table_rappelliens a, table.table_rappelliens a:link, table.table_rappelliens a:visited, table.table_rappelliens a:active, table.table_rappelliens a:focus {
	font: 10px Verdana, arial, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	margin-top: 10px;
	text-decoration: none;
	color: #94b5cd;
}
table.table_rappelliens a:hover {
	font: 10px Verdana, arial, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	margin-top: 10px;
	text-decoration: none;
	color: #ffffff;
}
td {
}
td.td_rappelliens, td.td_rappelliens_last {
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 5px;
}
td.td_rappelliens, td.td_rappelliens_last {
	border-right: 1px dotted #94b5cd;
}
/* CHOIX */
h6.h6recherche {
	text-align: left;
	color: #851051;
	border-bottom-color: #ffffff;
}
div#tete_recherche {
	background: url(../images/ccgvm_arrondis_tete.jpg) no-repeat;
	width: 230px;
	height: 10px;
	margin: 2px auto 0;
}
div#corps_recherche {
	background: url(../images/ccgvm_arrondis_corps.jpg) repeat-y;
	width: 230px;
	margin: 0 auto;
	text-align: center;
}
div#pied_recherche {
	background: url(../images/ccgvm_arrondis_pied.jpg) no-repeat;
	width: 230px;
	height: 10px;
	margin: 0 auto 5px;
	padding-top: 5px;
}
div#choix {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
select {
}
select.select_choix {
	width: 200px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 2px;
}
option{
}
option.optionun {
	background-color: #f4daeb;
}
.button_envoyerchoix{
	width:80px;
	height:20px;
	border:none;
	text-indent:-8000px;/*Qui masque le texte qui définit le bouton*/
	overflow:hidden;
	background: url(../images/bouton_envoyer_off.png) no-repeat 0 0;
	cursor:pointer;
	vertical-align:middle;
	margin: 5px 10px 0 50px;
}
.button_envoyerchoix:hover{
	width:80px;
	height:20px;
	border:none;
	text-indent:-8000px;/*Qui masque le texte qui définit le bouton*/
	overflow:hidden;
	background: url(../images/bouton_envoyer_on.png) no-repeat 0 0;
	cursor:pointer;
	vertical-align:middle;
	margin: 5px 10px 0 50px;
}
div#photo_contact{
	text-align:center;
	width:100px;
	

	float:left;
}
div#propos_contact
{ width:530px;
float:right;
padding-bottom:7px;

	}
.contentdiv_contact_ville{
	font: 11px/normal Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000;
	min-height: 105px;
	float: none;
	width: 90%;
	border-bottom: 1px dotted #851051;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-decoration:none;
	background-color: #FFF;
}
.contentdiv_contact{
	font: 11px/normal Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000;
	min-height: 85px;
	float: none;
	width: 90%;
	border-bottom: 1px dotted #851051;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-decoration:none;
	background-color: #FFF;
}
.contentdiv_contact:hover{
	font: 11px/normal Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000;
	min-height: 85px;
	float: none;
	width: 90%;
	border-bottom: 1px dotted #851051;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-decoration:none;
	background-color: #FFE8EF;
}
.contentdiv_contact a,.contentdiv_contact a:link,.contentdiv_contact a:visited,.contentdiv_contact a:active{
	font: 11px/normal Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000;
	min-height: 85px;
	float: none;
	width: 90%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-decoration:none;
	
}

.contentdiv_contact a:hover{
	font: 11px/normal Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #000000;
	min-height: 85px;
	float: none;
	width: 90%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-decoration:none;
	
}