@charset "utf-8";
/*------------------*/
/*-------- par default --*/
html, body {width:100%; height:100%; margin:0px}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:68.75%;
	background:#cccccc url(../images/fond1.gif) left top repeat-x;
}
* {margin:0px; padding:0px}
p, li, td, select, input, div {font-size:0.98em; color:#000000}

img {border:none}
h1 {}
h1 img {}
h3 { color:#000000; font-size:1.7em; margin-bottom:30px}
h4 {
	background:url(../images/puce3.gif) left center no-repeat;
	font-size:1.3em;
	padding-left:15px; margin-left:20px; margin-bottom:10px;
	color:#477493;
}
a, a:link {color:#477493; text-decoration:underline}
a:hover {text-decoration:none; color:#1a4867}
fieldset {border: none}
legend {display:none}

#ombreDroit ul {
	width:auto; height:auto;
	margin:0;
	padding:0 40px 20px 40px;
}
#ombreDroit ul li{
	width:auto; height:auto;
	margin:0; padding:0;
}
#ombreDroit ul.multilignes li{
	width:auto; height:auto;
	margin:0; padding:0 0 10px 0;
}

/* classes communes ---------------------------------------------------- */
.nonvisible { position:absolute; left:-1000px; top:-200px; display:none}
.nobackground {background:none !important}
.clear {clear:both; height:1px; line-height:1px}
.floatLeft {float:left}
.floatRight {float:right}
.dispayNone {display:none}
.nomarge {margin:0px}
.noborder, .noborder a {border:none !important}

/* Interface ----------------------------------------------------------- */
#centrage {
	width:1003px; height:auto;
	margin:0 auto; padding:0;
}
#fullSite {
	position:relative;
	float:left;
	width:995px; height:auto; min-width:995px;
	margin:0; padding:0;
}
.ombre_droite {
	float:left;
	width:8px; height:auto; min-height:635px;
	margin:108px 0 0 0; padding:0;
	background:#000 url(../images/bg_ombre_droite.jpg) left top no-repeat;
	_margin:93px 0 0 0; _height:635px; /* IE6 */
}
div#entete {
	background-repeat:no-repeat;
	background-position:right top;
	min-height:108px
}

/* contenu -------------------------------------------------------------- */
div#contenu {
	width:100%;
	position:relative;
	background:url(../images/fond2.jpg) left top no-repeat; min-height:634px; _height:634px;
}
:root div#contenu { clear:both}
div#contenu_left {
	width:223px; height:auto;
	margin:0; padding:28px 0 0 0;
}
div#contenu_left, div#contenu_left input {font-family:Helvetica, Arial, sans-serif; color:#467491; text-align:center}
div#contenu_left #news_email {
	width:140px;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
#contenu_right {
	z-index:5;
	position:absolute; top:0; left:223px;
	width:772px;
	margin:0; padding:0 0 10px 0;
}

div#footer {
	position:relative;
	width:100%; height:auto;
	text-align:right;
	background:url(../images/ombre_bottom.gif) left top repeat-x;
	padding-top:10px;
}

/*---- niveau profondeur ------------------------------------------------ */
div#contenu {z-index:3}
div#autrelangues {z-index:7}
div#smenu {z-index:10}

/*------ zone de gauche -------*/
div#contenu_left label {color:#ffffff; font-weight:bold; font-size:1.2em;}
.titreAsso {
	font-family:"Times New Roman", Times, serif; font-size:1.5em; color:#467491;
	font-weight:normal; margin-top:40px;
	border-bottom:1px solid #467491; padding-bottom:6px;
	width:143px; margin-left:auto; margin-right:auto
}
div.leftAdresse { margin-top:6px; font-size:1.1em;}
div.leftAdresse p{color:#467491}
.contact_bt  { display:none; margin-top:10px;}
.contact_bt a {font-size:1.27em; font-weight:bold; color:#467491}
.contact_bt a:hover {text-decoration:none}

/*-------- zone de droite -------*/
div#zoneContenuData {
	width:100%; height:auto;
	background:#ffffff;
}

div#ombreDroit {
	min-height:552px; _height:552px;
	padding:40px 20px 1px 10px; font-size:1.3em;
}
div#ombreDroit p {margin-bottom:20px}

/*------ contenu -----------*/
.baspage {
	position:relative;
	margin-top:20px;
	left:40px;
	width:90%;
	font-size:0.8em;
}
.baspage img { margin-right:10px}

/* bandeaux */
.bandeau1 { background-image:url(../images/bandeau1.jpg)}

/*----------------------*/
/* formatage des textes */
/*----------------------*/
.txtTimes  {font-family:"Times New Roman", Times, serif}
.size13 {font-size:1.2em}
.color467491 {color:#467491}
h3.titre1 {font-size:3em; color:#3c637c; margin-bottom:10px}
p.helvetica {font-family:Helvetica, Arial, sans-serif; font-size:1.18em}
.alignCenter {text-align:center !important}
.alignRight {text-align:right !important}
.filet {text-decoration:none;}

/*------- marge padding --------*/
.margLeft37 {margin-left:37px}
.paddBottom40 {padding-bottom:40px !important}
.margTop5 {margin-top:5px}
.margTop20 {margin-top:20px}

/*-------- ul li -------*/
ul.puce1 {list-style:none}
ul.puce1 li {
	background:url(../images/puce2.gif) left center no-repeat;
	padding-left:10px; font-size:1em; margin-bottom:6px
}
ul.puce1 li a { margin-left:6px}
ul.listMembres {list-style:none; margin:0 auto; width:552px;}
ul.listMembres li { margin:0 0 20px 0!important; text-align:center;}

/*--------- liens et boutons  -----------*/
.bt_size1, .bt_size2, .bt_size3, .bt_size4 {
	background-repeat:no-repeat; background-position:left top;
	height:28px; cursor:pointer;
	font-weight:bold; text-align:center;
	border:none; background-color:transparent
}
.bt_size1 { background-image:url(../images/bt_taille1.gif); width:81px;}
.bt_size2 { background-image:url(../images/bt_taille2.gif); width:110px}
.bt_size3 { background-image:url(../images/bt_taille3.gif); width:150px}
.bt_size4 { background-image:url(../images/bt_taille4.gif); width:200px}
.zoneBoutons {text-align:right; width:95%}

/*----------------------*/
/*------ tableau -------*/
/*----------------------*/

/*--- table1 ----*/
table.table1 { width:95%; border:0px; margin-left:36px}
.table1 th {
	font-size:1.15em; text-align:left;
	padding-bottom:30px;
	color:#477493;
	text-decoration:none;
}
.table1 td {padding-bottom:30px}
.table1 td.fontsmaller { font-size: 1em ; }

/*-----  formulaires  -------*/
div#ombreDroit input.inputDesign, div#ombreDroit textarea {border:1px solid #c3ceb2}
.chpFormulaire, .CheckboxFormul { clear:both; float:left; width:100%}
.chpFormulaire label, .CheckboxFormul label {
	display:block;
	float:left; width:160px; margin-top:7px;
	background:url(../images/puce1.gif) left 4px no-repeat; padding-left:20px
}
.chpFormulaire span, .CheckboxFormul ul { display:block; float:left}
.chpFormulaire input { width:500px; padding:5px; border:1px solid #c3ceb2}
.chpFormulaire select { width:100px; padding:2px; border:1px solid #c3ceb2;}
.chpFormulaire textarea { width:500px; padding:5px; height:220px}
.CheckboxFormul {}
.CheckboxFormul ul {list-style:none; margin-top:5px!important;}
.CheckboxFormul li {list-style:none; margin:0px !important; padding:3px 0!important; }

/*------------- contenu ------*/
/* actualites */
p.pagination {clear:both; height:25px; text-align:center}
p.pagination a { margin-right:20px}
p.pagination span { display:none}
/* asso */
a.autrelangue {
	position:absolute; top:7px; right:7px;
}

.li_association {background:url(../images/en_li_association.gif) 7px 6px no-repeat;}
.goodies {
	position:absolute; top:13px; left:11px;
	width:auto; height:auto;
	margin:0; padding:0;
	color:#477493;
}
.goodies a {
	margin:0; padding:0;
	color:#477493;
	text-decoration:underline;
	font-size:1.1em;
}
.goodies a:hover {
	color:#1a4867;
	text-decoration:none;
}

