/*codes couleurs :

- texte : #4c4c4c;
- orange : #ff6600;

- se déplacer : #ffa030;
- tarifs : #70b21a;
- bouger : #0160a4;
- en ligne : #eb5216;

*/


/* ::::::::::::::::::::::::::: INITIALISATION DES STYLES */
body{
	font-family:verdana, arial, sans-serif;
	color:#4c4c4c;
	padding:0;
	margin:0;
	font-size:100%;
    background:#fff url(../images/bkgd/bkgd_body.png) no-repeat center top;
}
#debug{
display:none;
}
body *{
	padding:0;
	margin:0;
	border:none;
}
#center h2.orangeb{
color:#ff6600;
border-bottom: 2px solid #ff6600;
}
#center h2.orange{
color:#ff6600;
font-weight:bold;
border-bottom: 2px solid #ff6600;
}
body #page{
	font-size:0.7em;
	width:1000px;
	margin: 0 auto;
}		
a{
	color:#4c4c4c;
}
a:hover, a:focus{
	text-decoration:none;
}
ul{
	list-style:none;
}
ol{
	list-style-type:decimal;
	list-style-position:inside
}
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}
#center h2#iti{
margin-bottom:0;
}

.horschamp{

	position:absolute;
	left:-2000px;
}
.clear{
	clear:both;
}
.meta{
	font-weight:bold;
    font-size:0.9em;
}
/* formulaires */
label{
    display:block;
    font-weight:bold;
    background: url(../images/pictos/puce_fleche_big_orange.png) no-repeat left top;
    padding:0.1em 0 1em 20px;
}
span.in{
display:inline;
}
form .text span.in input,
form .text-re input,
form textarea,
select{
	margin-bottom:5px;
	font-family:verdana, arial, sans-serif;
	font-size:1em;
	border:1px solid #ccc;
	background:#fff;
}
form .text span.in input{
	min-height:16px;
    width:250px;
}
form .text-re input{
	min-height:16px;
    width:250px;
}
select{
	width:90%;
    margin-left:4%;
}
textarea{
	width:100%;
}
.submit{
    text-align:center;
}
.submit input{
	background: #4c4c4c url(../images/pictos/btn_form.png) no-repeat;
    text-align:center;
    color:#fff;
    font-weight:bold;
    width:153px;
    min-height:22px;
}
/* ::::::::::::::::::::::::::::::::::::::::  BANDEAU HAUT */
#header{
    text-align:center;
    font-size:0.9em;
    margin:1.5em 0 1em 0;
}
#header li{
    display:inline;
    padding:0 2em;
    background: url(../images/pictos/puce_slash_noir.png) no-repeat left center;
}
#header li:first-child{
    background:none;
}
/* :::::::::::::::::::::::::::::::::::::::  PARTIE CENTRALE */
#content{
    overflow:hidden;
	background: url(../images/bkgd/bkgd_content.jpg) no-repeat right top;
}
/* |||||||||||||||||||||||||||||||||||| LEFT */
#left{
	width:240px;
	float:left;
}
#left h1{
	margin:40px 0 45px 5px;
}
/* ///////// menu */
#menu{
	font-size:1.1em;
}
#menu a, #menu span{
	text-decoration:none;
    display:block;
}
/*  navigation niveau 1 */
#menu li{
    margin-bottom:1.5em;
}
#menu li#menu-0{
    width:90%;
}
#menu li#menu-1{
    width:85%;
}
#menu li#menu-2{
    width:80%;
}
#menu li#menu-3{
    width:75%;
}
#menu li a, #menu li span{
	background:#ffa030 url(../images/bkgd/bkgd_menu.png) no-repeat right top;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    padding:0.2em 0 0.2em 15px ;
}
#menu li#menu-0 span{
font-size:12.3px;
}
#menu li#menu-1 span{
font-size:12.3px;
	background-color:#70b21a;
}
#menu li#menu-2 span{
font-size:12.3px;
	background-color:#0160a4;
}
#menu li#menu-3 span{
font-size:12.3px;
	background-color:#eb5216;
}
/*  navigation niveau 2 */
#menu li ul{
    margin:0.5em 0 0 15px;
}
#menu li li{
    margin:0.3em 0;
}
#menu li li a{
	background:transparent url(../images/pictos/puce_fleche_deplacer.png) no-repeat left 3px;
    padding:0;
    padding-left:15px;
    color:#4c4c4c;
    text-transform:none;
    font-weight:normal;
}
#menu li#menu-1 li a{
	background:#fff url(../images/pictos/puce_fleche_tarifs.png) no-repeat left 3px;
}
#menu li#menu-2 li a{
	background:#fff url(../images/pictos/puce_fleche_bouger.png) no-repeat left 3px;
}
#menu li#menu-3 li a{
	background:#fff url(../images/pictos/puce_fleche_enligne.png) no-repeat left 3px;
}
#menu li li a:hover,
#menu li li a:focus,
#menu li li.selected a{
	font-weight:bold;
}
#menu li li li a{

text-decoration:none !important;
display:inline;
font-size:11.5px !important;
font-weight:normal !important;
}
#menu li li li a:hover,
#menu li li li a:focus,
#menu li li li.selected a{
font-weight:bold !important;
}
/* |||||||||||||||||||||||||||||||||| CENTRAL */
#center{
	width:515px;
    margin-top:220px;
    margin-left:10px;
	float:left;
}
/* |||| CENTRAL => fil d'ariane */
#center .fil{
	font-size:1.1em;
    margin-bottom:1em;
}
#center .fil a{
    text-decoration:none;
}
#center .fil a:hover,
#center .fil a:focus{
    text-decoration:underline;
}
/* |||| CENTRAL => titre de la page */
#center  h2{
	font-size:1.6em;
    font-weight:normal;
	margin:1em 0 0.7em 0;
    padding-bottom:2px;
    color:#61583e;
    border-bottom:2px solid #61583e;
}
/* |||| CENTRAL => article */
/* titres */
#center .article{
	margin-bottom:1.5em;
}
#center .article .intro{
	font-size:1.1em;
    font-weight:bold;
}
#center .article h3{
	font-size:1.3em;
	margin:2em 0 1em 0;
    padding-bottom:1px;
    color:#61583e;
    border-bottom:1px solid #ff6600;
}
#center .article h4{
	font-size:1.1em;
	margin:1.5em 0 0.7em 0;
    color:#ff6600;
}
#center .article h5{
	font-size:1.1em;
	margin:1em 0 0.5em 0;
}
#center .article h6{
	font-size:1em;
	margin:0.7em 0 0.5em 0;
}
/* paragraphes et listes */
#center .article p,
#center .article ul,
#center .article ol{
	margin-bottom:1em;
}
#center .article ul{
	margin-left:1.5em;
}
#center .article ol{
	margin-left:2em;
}
#center .article li{
	margin:0.1em 0;
} 
#center .article ul li, #menu li.niv3{
	background: url(../images/pictos/puce_tiret_orange.png) no-repeat left 7px;
	padding-left:10px;
	overflow:hidden;
} 
#menu li.niv3 a{
background:none !important;
padding-left:0;
}
#center .article ul ul{
	margin:0.5em 0 0.5em 3em;
}
/* images */
#center .legende{
	font-size:0.9em;
}
/* positionnement des éléments */
#center .article .left{
	float:left;
	margin:0;
	margin-right:1.5em;
	margin-bottom:.5em;
}
#center .article .right{
	float:right;
	margin:0;
	margin-left:1.5em;
}
#center .article .center p{
	margin:0 auto;
	text-align:center;
}
/* tableaux dans les articles */
#center .article table{
	width:100%;
	border-collapse:collapse;
	margin:1em 0 2em 0;
}
#center .article table caption{
	font-size:1.1em;
	text-align:left;
    font-weight:bold;
    padding-bottom:0.5em;
}
#center .article table th{
	background:#ff6600;
	color:#fff;
    font-size:1.1em;
	text-align:center;
	vertical-align:top;
	border:1px solid #fff;
	padding:0.2em;
}
#center .article table td{
	
	vertical-align:top;
	border:1px solid #fff;
	padding:0.4em;
    background:#efefef;
}
/* liste de fichiers à télécharger */
#center .article .fichiers{
    padding-top:1.5em;
}
#center .article .fichiers li{
    background: url(../images/pictos/puce_fleche_big_noir.png) no-repeat left 3px;
    padding:0.5em 0 0.5em 20px;
}
/* |||| CENTRAL => blocs */
#center .bloc{
    margin-bottom:1.5em;
    overflow:hidden;
}
#center .bloc h2{
    margin-bottom:0;
}
#center .bloc .content{
	background: url(../images/bkgd/bkgd_bloc_center.png) repeat-x top;
    padding:10px;
}
#center .bloc form p{
	margin-bottom:1em;
}
#center .bloc li{
	background: none !important;
	border-bottom:1px solid #d0d0d0;
    padding:0.5em 0 0.5em 10px;
    margin:0 -10px;
    overflow:hidden;
}
#center .bloc li span{
	display:block;
    float:left;
    padding:0.2em 0;
}
#center .bloc li .num_ligne{
	text-align:center;
	width:7%;
    font-weight:bold;
}
#center .bloc li .nom_ligne{
	width:50%;
}
#center .bloc li .fichier_ligne{
	width:25%;
    float:right;
    background: url(../images/pictos/puce_fleche_big_noir.png) no-repeat left 0;
    padding-left:20px;
}
/* formulaire de contact */
#center .contact{
	margin-top:2em;
}
#center .contact label{
	padding:0;
    background:none;
    float:left;
    width:200px;
    text-align:right;
    margin-right:10px;
}
#center .contact .text textarea{
    width:250px;
}
#center .contact .textarea{
    margin-top:2em;
}
#center .contact .textarea label{
    margin-bottom:1em;
}
#center .contact .textarea textarea{
    width:280px;
}
/* compilation d'articles */
#center .compil_article .vue{
	padding:1em 0;
	overflow:hidden;
    border-bottom:1px solid #D0D0D0;
    list-style:none;
}
#center .compil_article .vue h3 a{
    text-decoration:none;
}
#center .compil_article .vue h3 a:hover,
#center .compil_article .vue h3 a:focus{
    text-decoration:underline;
}
#center .compil_article .vue .meta{
	font-size:0.8em;
    margin-bottom:1em
}
#center .compil_article .vue .illustration{
	float:left;
	margin:0.1em 1em 0 0;
}
/* pagination */
#center #navigation{
	text-align:center;
    clear:both;
    font-weight:bold;
    background:#d0d0d0;
    padding:1px 0;
    margin:3px 0 1.5em 0;
}
#center .pagination li{
	display:inline;                                    
	margin:0 ;
	padding:0;
}
#center #navigation  a,
#center #navigation  .current,
#center #navigation  strong{
	text-decoration:none;
    padding:0 0.5em;
}
#center #navigation li a:hover,
#center #navigation li a:focus,
#center #navigation .current{
    background:#fff;
} 
/* plan du site */
#center .sitemap a{
    text-decoration:none;
} 
#center .sitemap a:hover,
#center .sitemap a:focus{
    text-decoration:underline;
}
#center .sitemap .col{
    width:42%;
    float:left;
} 
#center .sitemap .col.right{
    float:right;
} 
#center .sitemap h3{
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:0.5em;
    font-size:1.2em;
} 
#center .sitemap h3 a{
    color:#ff6600;
} 
#center .sitemap ul{
    margin:0.5em 1em 2em 0;
}
#center .sitemap h3.menu-0 a{
    color:#FFA030;
} 
#center .sitemap h3.menu-1 a{
    color:#70b21a;
} 
#center .sitemap h3.menu-2 a{
    color:#0160a4;
} 
#center .sitemap li{
	background: url(../images/pictos/puce_fleche_enligne.png) no-repeat left 3px;
    padding-left:15px;
}
#center .sitemap .menu-0 li{
    background-image: url(../images/pictos/puce_fleche_deplacer.png);
} 
#center .sitemap .menu-1 li{
    background-image: url(../images/pictos/puce_fleche_tarifs.png);
} 
#center .sitemap .menu-2 li{
    background-image: url(../images/pictos/puce_fleche_bouger.png);
} 
#center .sitemap ul ul{
    border:0;
    padding:0;
    margin:0.2em 0 0.5em 0.5em;
}
#page #center .sitemap ul ul li{
    background: url(../images/pictos/puce_tiret_orange.png) no-repeat left 7px;
    padding-left:7px;
}
/* |||||||||||||||||||||||||||||||||||| RIGHT */
#right{
	width:206px;
    margin-top:220px;
    margin-right:10px;
	float:right;
}
#right .bloc{
    margin-bottom:1em;
}
#right .bloc h2{
	background:#ff6600;
    color:#fff;
    font-size:1.6em;
    font-weight:normal;
    padding:10px;
}
#right .bloc .content{
	background: url(../images/bkgd/bkgd_bloc.png) no-repeat center bottom;
    padding:10px 10px 25px 10px;
}
#right .bloc li{
	background: url(../images/pictos/puce_carre_orange.png) no-repeat left 6px;
    padding:0.5em 0 0.3em 0;
    border-top:1px solid #d0d0d0;
    font-weight:bold;
}
#right .bloc li:first-child{
    border-top:0;
}
#right .bloc li span{
	font-weight:normal;
    display:block;
    margin-bottom:0.2em;
}
#right .bloc li a{
	text-decoration:none;
    display:block;
    padding:0 0 0.2em 20px;
}
#right .bloc li a:hover,
#right .bloc li a:focus,
#right .bloc li.selected a{
	background: #ff6600 url(../images/pictos/puce_carre_orange.png) repeat-x;
    color:#fff;
}
#right .bloc .lien_bloc{
    background: url(../images/pictos/puce_fleche_big_noir.png) no-repeat left 10px;
	border-top:1px solid #d0d0d0;
    padding:1em 0 0.1em 20px;
}
/* recherche */
#right #recherche{
	background: #ff6600 url(../images/bkgd/bkgd_recherche.png) no-repeat center top;
    color:#fff;
    overflow:hidden;
}
#right #recherche form{
	margin:0 0 5px 13px;
    overflow:hidden;
}
#right #recherche p{
	float:left;
    margin-right:5px;
}
#right #recherche h2{
	background: none;
}
#right #recherche label{
	display: none;
}
.content-search input#Search, #right #recherche .text input, .block  input.box{
	border:1px solid #4c4c4c;
    background: #fff url(../images/pictos/picto_search.png) no-repeat center right;
    height:1.5em;
    width:120px;
    padding-right:30px;
}
.content-search input#Search, .block  input.box{
    width:300px;


}

.buttonblock input.button, input.smallbutton{
background:#ffffff;
border:1px solid #cccccc;
margin-top:10px;
margin-bottom:10px;
}

ul#results li{
    background:#fff url(../images/pictos/puce_fleche_deplacer.png) no-repeat left 14px;
    font-size:12px;
    padding-left:20px;
    padding-top:10px;	
}

#right #recherche .submit input{
    background:none;
    width:22px;
    min-height:22px;
}
#search-ok{
position:relative;
top:8px;
left:2px;
}
/* logos */
#right .logos{
	text-align:center;
}
/* ::::::::::::::::::::::::::::::::::::::::::::  ACCUEIL */
#center.accueil .bloc_une .content,
#center.accueil .bloc_commune .content{
    background: #fff url(../images/bkgd/bkgd_bloc_accueil.png) no-repeat right bottom;
    padding:0 10px 10px 0;
    font-size:1.1em;
    overflow:hidden;
}
 /* une */
#center.accueil .bloc_une .illustration{
    float:left;
    margin: 0 15px 15px 0;
}
#center.accueil .bloc_une h2{
    margin: 0;
    border:0;
    font-size:1.5em;
}
#center.accueil .bloc_une .meta{
    font-size:.8em;
}
 /* communes */
 #center.accueil .bloc_commune ul{
    width:165px;
    float:left;
}
#center.accueil .bloc_commune li{
    background: url(../images/pictos/puce_fleche_big_orange.png) no-repeat left 5px;
    padding:0.4em 0 0.4em 25px;
}
#center.accueil .bloc_commune a{
    text-decoration:none;
}
#center.accueil .bloc_commune a:hover,
#center.accueil .bloc_commune a:focus{
    text-decoration:underline;
}
 /* actualités */
#center.accueil .bloc.x2{
	width:47%;
    float:left;
}
#center.accueil .bloc.x2.right{
    float:right;
}
#center.accueil .bloc li{
	font-size:1.1em;
}
#center.accueil .bloc li span{
	font-weight:bold;
    font-size:0.9em;
    display:inline;
    float:none;
    padding:0;
}
.accueil .bloc li a{
	text-decoration:none;
}
.accueil .bloc .lien_bloc{
    background: url(../images/pictos/puce_fleche_big_noir.png) no-repeat left 10px;
    padding:1em 0 0.1em 20px;
    float:right;
    margin-right:-5px;
}
/* ::::::::::::::::::::::::::::::::::::::::::::  FOOTER */
#footer{
	clear:both;
	font-size:0.9em;
	padding:1em;
    overflow:hidden;
    color:#fff;
    background:#ff6600;
    font-weight:bold;
    margin-top:1.5em;
}
#footer a{
	color:#fff;
    text-decoration:none;
}
#footer a:hover,
#footer a:focus{
    text-decoration:underline;
}
#footer p{
	float:left;
}
#footer ul{
	float:right;
}
#footer li{
    display:inline;
    padding:0 1em;
    background: url(../images/pictos/puce_slash_blanc.png) no-repeat left center;
}
#footer li:first-child{
    background:none;
}


/*:::::::::::::::::::::::::::::::::::::: ITINERAIRE */

p.orange{
font-weight:bold;
color:#fe6700;
}
p.iti{
padding-bottom:15px;
padding-top:20px;
font-size:14px;
}
p.bleu{
font-weight:bold;
color:#003d52;
}

ul#iti li.iti1{
background: url(../images/1.gif) no-repeat left 7px !important;
padding-left:40px;
border:none;
}
ul#iti li.iti2{
background: url(../images/2.gif) no-repeat left 7px !important;
padding-left:40px;
border:none;
}
ul#iti li.iti3{
background: url(../images/3.gif) no-repeat left center !important;
padding-left:40px;
border:none;
}
ul#iti li.iti4{
background: url(../images/4.gif) no-repeat left center !important;
padding-left:40px;
border:none;
}
#itin{
position:relative;
top:-40px;
left:400px;
}
form#delete{
display:inline;
}
form#delete input{
width:10%;
float:left;
display:inline;
}
form#delete input#customDelete{
background:url(../images/delete.gif) no-repeat top left;
width:20px;
height:20px;
}

/***
 * formulaire de contact
 */
 
 div.formulaire_contact form div.text input {
    display: block;
    width: 200px;
    border: 1px #CCCCCC solid;
 }