/* CSS Document */

BODY
{
	font-family: Verdana, Arial, sans-serif;
   	color: #000000;
   /*	text-align:center;*/
     /* ssbehavior:url('csshover2.htc');  /*Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
   
   	font-size: 11px;
   background:url('images/fond.jpg') top left repeat-x #dfe986;
}
BODY, form, blockquote, div, span
{
	margin: 0;
	padding: 0;
	
}

a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FCA908;
	text-decoration:underline;
}

a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FCA908;
	text-decoration:none;
}

a img
{
border:0;
}

p
{
	margin: 0;
	padding: 0;
}


ul
{
padding:0.5em 0 0.5em 3em;
margin:0;
}



h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #003D19;
	padding:2px 0 2px 30px;
	margin:0;
	background-image: url(images/puce.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:2em;
	
}

caption
{
	color:#003D19;
	font-size:14px;
	font-weight: bold;
	text-align:left;
}

.jaune
{
background:#F0F6C8;
}

.E0EA87
{
background:#E0EA87;
}


h2.geo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #B80020;
	padding:5px 0 5px 30px;
	margin:0;
	background-image: url(img/ic-adresse.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:20px;
	
}


#contenu

{
width:780px;
margin: 0 auto 0 auto;
background-color:#ffffff;
}

#conteneur
{}
.index
{
   background:url('images/tetieres/tetiere-pratique.jpg') top left no-repeat #ffffff;
}

.pratique-geo
{
   background:url('images/tetieres/tetiere-pratique-2.jpg') top left no-repeat #ffffff;
}

.conseil
{
   background:url('images/tetieres/tetiere-conseil.jpg') top left no-repeat #ffffff;
}

.citoyen
{
   background:url('images/tetieres/tetiere-citoyennete.jpg') top left no-repeat #ffffff;
}

.jeunesse
{
   background:url('images/tetieres/tetiere-jeunesse.jpg') top left no-repeat #ffffff;
}

.eco
{
   background:url('images/tetieres/tetiere-economie.jpg') top left no-repeat #ffffff;
}

.social
{
   background:url('images/tetieres/tetiere-social.jpg') top left no-repeat #ffffff;
}

.asso
{
   background:url('images/tetieres/tetiere-associations.jpg') top left no-repeat #ffffff;
}

.culture
{
   background:url('images/tetieres/tetiere-culture.jpg') top left no-repeat #ffffff;
}

.contact
{
   background:url('images/tetieres/tetiere-contacts.jpg') top left no-repeat #ffffff;
}

.projets
{
   background:url('images/tetieres/tetiere-projets.jpg') top left no-repeat #ffffff;
}


.transport
{
   background:url('images/tetieres/tetiere-transport.jpg') top left no-repeat #ffffff;
}

.seniors
{
   background:url('images/tetieres/tetiere-seniors.jpg') top left no-repeat #ffffff;
}

.jumelage
{
   background:url('images/tetieres/tetiere-jumelage.jpg') top left no-repeat #ffffff;
}
.alcentre
{
text-align:center;
}
.gras
{
font-style:bold;
}

#principal
{
   height:339px;
   width:780px;

}

#menu
{
width:170px;
padding-left:2px;
}

#accueil

{
width:780px;
padding-right:0px;
padding-left:0px;
background-color:#FFFFFF;
color:#000000;
}

#milieu

{
width:780px;

background-color:#FFFFFF;
color:#000000;
}

#gauche
{
width:200px;
text-align:center;

}

#droite
{
float:right;
width:550px;
margin-right:5px;
background-color:#FFFFFF;}


#droiteinterieure
{
float:right;
width:760px;
margin-right:5px;
margin-left:5px;
background-color:#FFFFFF;}

#cont
{width:550px;}

#plu_gauche{
width:200px;
background:#BD0018;
float:left;
margin-right:10px;
}

#plu_logo{
background:#FFFFFF;
width:200px;
text-align:center;
margin:auto;
}

#plu{
}

#plu h1{
	color:#B80120;
	font-size:26px;
	background:none;
}

#plu p{
	margin-bottom:20px;
}

.plusgrand{
	font-size:14px;
}

.blancbold{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}

.blanc{
color:#FFFFFF;
font-size:11px;
margin-bottom:10px;
}

.blanc a:link, .blanc a:visited{
color:#FFFFFF;
text-decoration:underline;
}

.blanc a:hover{
color:#FFFFFF;
text-decoration:none;
}

#page{
}

#page h1{
	color:#B80120;
	font-size:52px;
	background:none;
}

#page h2{
	color:#336600;
	font-size:24px;
}

#page h3{
	color:#336600;
	font-size:18px;
}

#page a, #page a:visited, #page a:hover{
	color:#336600;
}

#pop{
background:url('imgpopup/fondpopup.jpg');
width:700px;
padding:20px 0;
}

#pop #gauche{
text-align:left;
width:480px;
float:left;
margin:0 10px;
background:none;
}

#pop #droite{
width:180px;
float:right;
margin:0 10px;
background:none;
}

.titpage
{padding-left:200px;}

#aligndroite
{
float:right;
width:180px;
padding-left:10px;
}

.gras
{
font-weight:bold;
}

.capitale
{
font-variant:small-caps;
}

#ssmenu
{
width:auto;
float:right;
padding-top:2px;
}

.box {
	background-color: #D4E45D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;

}


label
{
color:#0b4f2e;
font-size:13px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.justify
{text-align:justify;
}

.imgdroite
{
float:right;
text-align:center;
}

#containerFooterContent
{
background-color:#FFFFFF;
text-align:center;
width:780px;
}

.centrer
{
text-align:center;
}

.right
{
text-align:right;
}

.note
{
color:#FF0000;
}

fieldset
{
background-color:#FFFFFF;
border:0;
}

fieldset#coor
{
background-color:#FFFFFF;
border: dashed 1px #000000;
padding:7px;
margin:3px;

}
#coor label
{
	width:250px;
	color:#FF0000;
	font-size:11px;
	font-weight:bold;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 160px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 5px 0 0 0;
	padding: 0 .5em 0 10px;
	display:block;

}

#coor input{
	background-color: #D4E45D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #000000;
	border: 1px solid #000000;

}

#coor input:hover{
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #000000;
	border: 1px solid #000000;

}

fieldset#coor2
{
background-color:#FFFFFF;
border: dashed 1px #000000;
padding:7px;
margin:3px;
}
#coor2 label
{
	width:250px;
	color:#FF0000;
	font-size:11px;
	font-weight:bold;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 5px 0 0 0;
	padding: 0 .5em 0 10px;
	display:block;

}

#coor2 input{
	background-color: #D4E45D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #000000;
	border: 1px solid #000000;

}

#coor2 input:hover{
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #000000;
	border: 1px solid #000000;

}


fieldset#coor3
{
background-color:#FFFFFF;
border: dashed 1px #000000;
padding:7px;
margin:3px;
}
#coor3 label
{
	width:250px;
	color:#FF0000;
	font-size:11px;
	font-weight:bold;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 5px 0 0 0;
	padding: 0 .5em 0 10px;
	display:block;

}

#coor3 input{
	background-color: #D4E45D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #000000;
	border: 1px solid #000000;

}
#coor3 select{
	background-color: #D4E45D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 20px 0 0 0;
	color: #000000;
	border: 1px solid #000000;

}

#coor3 input:hover{
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #000000;
	border: 1px solid #000000;

}
.select1{
	background-color: #D4E45D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #000000;
	border: 1px solid #000000;
}


legend
{
color:#FF0000;
font-weight:bold;
background-color:#FFFFFF;
font-size:13px;
}

.tel
{
background:url(img/ic-tel.gif) no-repeat;
padding-left:25px;
width:250px;
height:2.5em;
float:left;
}

.tel2
{
background:url(img/ic-tel.gif) no-repeat;
padding-left:25px;
}

.adresse
{
background:url(img/ic-adresse.gif) no-repeat;
padding-left:25px;
height:2.5em;
}

.mail
{
background:url(img/ic-mail.gif) no-repeat;
padding-left:25px;
height:2.5em;
}

.pdf
{
background:url(img/ic-pdf.gif) no-repeat;
padding-left:33px;
margin: 10px;
}

.pdf2
{
background:url(img/ic-pdf.gif) no-repeat;
padding-left:33px;
height:2.5em;
margin: 10px;
}


.listebr li
{
	padding-bottom:1em;
}

.photos
{
	width:177px;
	text-align:center;
	padding:7px 3px;
	margin:0;
}

h2
{
	color:#003D19;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
}

h3
{
	color:#003D19;
	font-size:14px;
	font-weight:bold;
}

.vert
{
	color:#003D19;
}













/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */



.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width:auto; /* Width of Menu Items */
   height:29em;
}
	
.suckerdiv ul li{
position: relative;
}

.suckerdiv ul li{
position: relative;

}

* html .suckerdiv ul li{
	/*Ce code sera interprété uniquement par IE et appliquera donc cette hauteur minimale, souvent utile pour afficher des backgrounds  */
	height:12px;
}

	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width:200px; /*sub menu width*/
top:0;
font-size:11px;
display: block;
visibility: hidden;

}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #476927;
text-decoration: none;
background:#b3cf0b;
padding: 3px 5px;
border:0;
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family: Verdana, Arial, sans-serif;
}


* html .suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #476927;
text-decoration: none;
background:#b3cf0b;
padding: 2px 5px;
border:0;
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family: Verdana, Arial, sans-serif;
}


.suckerdiv ul li li
{
font-size:10px;}


.suckerdiv ul li li a{
color: #ffffff;
background:#b80020;
border-bottom:solid 1px #ffffff;

}

.suckerdiv ul li li a:hover{
color: #b3cf0b;
background:#b80020;
border-bottom:solid 1px #ffffff;

}



.suckerdiv ul li a:visited{
}

.suckerdiv ul li a:hover{
color: #ffffff;

}

.suckerdiv .subfolderstyle{
}

	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

.txt12 {
font-size:12px;
}

.rupture
{
border-bottom:solid 1px #ffffff;
}



.divnote
{
	border:1px solid #bababa;
	margin-right: 50px;
}

.divnote p
{
	font-style:italic;
	margin: 10px;
	padding: 10px;
}

.divnotetitre 
{
	text-decoration:underline;
}

.divinfo2
{
	border:1px solid #bababa;
	margin-right: 50px;
}

.divinfo2 p
{
	margin: 10px;
	padding: 10px;
}

.spanItalic
{
	font-style:italic;
}

.spanBold
{
	font-weight:bold;
}