@charset "UTF-8";
/* CSS Document */


/* Resets */
a, p, h1, h2, h3, h4 {
margin:0;
padding:0;
}

:focus {
outline: 0;
}

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background:#1d1335;
}


ol, ul {
list-style: none;
}


strong {
font-weight: bold;
color:#4a317a;
}

em {
font-style: italic;
color:#4a317a;
}

img {
border:none;
}

.mentions {
font-size: 10px;
font-style: italic;
color:#c0c0c0;
}

.right {
float: right;
margin-top:20px;
margin-left:0;
margin-right:40px;
margin-bottom: 0;
}

.left {
float: left;
margin-top:20px;
margin-left:40px;
margin-right: 0;
margin-bottom: 0;
}

.hide {
display: none;
}

.clear {
clear: both;
}

.separation {
clear: both;
visibility: hidden;
margin: 0;
padding: 0;
}


/* Contact */
#contact_top {
height:25px;
width: 100%;
margin:0;
padding:0;
background: #3e2375 url(../images/contact_background.gif) repeat-x top left ;
}

#container_contact_top {
width: 840px;
margin:0 auto;
padding: 0;
font-size: 11px;
color: #9c7aa6;
text-align:right;
}

.telephone {
font-size: 18px;
font-weight:bold;
color: white;
margin:0;
padding:0;
}

#container_contact_top p {
margin:0;
padding:2px 0;
}

#container_contact_top a {
text-decoration:none;
margin:0;
padding:0;
}

#container_contact_top :hover a {
text-decoration:none;
color: #caabd3;
margin:0;
padding:0;
}

/* Header */
#header_back {
height: 380px;
width:100%;
margin: 0;
padding: 0;
background: url(../images/header.jpg) no-repeat center top #000000;

}

#header {
height: 380px;
width: 840px;
margin: 0 auto;
padding: 0;
}

/* Menu */
#menu {
position: relative;
top: 148px;
left: 240px;
height: 38px;
width: 617px;
padding:0;
margin:0;
}

#menu ul, li {
text-decoration:none;
list-style-type:none;
padding:0;
margin:0;
}

#menu li {
display:inline;
width: 60px;
height: 38px;
line-height:38px;
color:white;
font-size: 16px;
margin:0;
padding:0 15px 0 0;
}

#menu li a {
text-decoration: none;
color:white;
}

#menu li a:hover, #menu li a:active {
color: #af8ce7;
}

/* Main */

#main {
width:100%;
margin:0;
padding:0;
border-top:#fefefe 1px solid;
background-color:#d0cdd5;
}

#container {
position: relative;
width: 840px;
margin:0 auto;
padding:0;
background: url(../images/container_background.gif) top left repeat-x white;
}

#main h1 {
font-size:14px;
font-weight:bold;
color:#4a317a;
padding-left: 100px;
padding-right: 100px;
padding-top: 0;
padding-bottom: 5px; 
background: url(../images/puce.gif) no-repeat left top;
}

#main p {
font-size:13px;
color:#666666;
padding-left: 100px;
padding-right: 100px;
padding-bottom: 20px;
text-align:justify; 
}

#main ul {
margin:0;
padding:0 0 30px 60px;
color: #4d1167;
}

#main li {
margin:0;
list-style-type:disc;
padding:0 0 10px 0;
color: #4d1167;
font-size: 16px;
}


/* Planning */

.planning {
float: left;
width: 800px;
margin:0;
padding:0;
}

.planning_2 {
float: left;
margin:0;
padding:0;
}

.planning_2 h1 {
font-size:22px;
font-weight:bold;
color:#4a317a;
padding-left: 40px;
padding-right: 30px;
padding-top: 0; 
}


/* Adherent */

.adherent {
float: left;
width: 840px;
margin:0;
padding:0;
border-top: 1px solid #dcdcdc;
}

.adherent h1 {
font-size:18px;
font-weight:bold;
color:#4a317a;
padding-left: 40px;
padding-right: 30px;
padding-top: 0; 
}

/* Colonne 1 */

#colonne1 {
float: left;
width: 570px;
height:auto;
margin:20px 0;
padding:0;
}

#colonne1 ul {
margin:10px 0;
padding:0 0 30px 60px;
color: #4d1167;
}

#colonne1 li {
margin:0;
list-style-type:disc;
padding:0 0 10px 0;
color: #4d1167;
font-size: 16px;
}

#colonne1 h1 {
margin:10px 0 0 0;
padding:0 0 0 20px;
background: url(../images/puce.png) no-repeat left top;
}


/* Colonne 2 */

#colonne2 {
float: right;
margin: 20px 0 0 0;
padding:0 20px 0 0;
background: none ;
height: 398px;
}

#colonne2_top {
width: 234px;
margin: 0;
padding:0 0 0 0;
background:white;
}

#colonne2_container {
margin: 0;
padding: 3px 0 0 0;
height: 398px;
width: 234px;
background: none;
}


/*Footer*/

#footer {
height:100px;
width: 100%;
margin:0;
padding:0;
background:url(../images/footer_background.gif) repeat-x top left #1d1335;
border-top:1px solid white;
}

#footer_container {
width: 840px;
height:auto;
margin:0 auto;
padding:0;
}


#footer_logo {
float:left;
width: 91px;
height: 36px;
margin: 10px 0 0 0;
padding:0;
background: url(../images/logo.gif)
}

#footer_menu {
float:left;
height: 36px;
margin:15px 0 0 15px;
padding:0;
font-size:11px;
color:white;
text-align:left;
}

#footer_menu p {
margin:0;
padding: 0;
}

#footer_menu ul, li {
text-decoration:none;
list-style-type:none;
padding:0;
margin:0;
}

#footer_menu li {
display:inline;
height: 14px;
line-height:14px;
color:white;
font-size: 11px;
margin:0;
padding:0;
}

#footer_menu li a {
text-decoration: none;
color:white;
}

#footer_menu li a:hover, #footer_menu li a:active {
color: white;
}

/*Module haut photo*/

#module {
height: auto;
width: 840px;
margin:0;
padding:0;
z-index:0;
}


#middle_module {
height: auto;
width:840px;
margin:0;
padding:0;
z-index:0;
}


#texte{
float: left;
height:248px;
width: 373px;
margin:0 0 0 20px;
padding:0;
z-index:0;
}

#clique{
float:left;
height:20px;
width: 200px;
margin:40px 0 0 60px;
padding:0;
text-align:left;
z-index:100;
}

#texte_general{
height:auto;
width: 780px;
margin:0px 0 0 20px ;
padding:0;
}

#photo_principal{
float: right;
margin:20px 80px 0 0;
padding:5px 5px 5px 5px;
background-color:#FFFFFF;
z-index:0;
}

#module_photos{
float: right;
height:60px;
width: 840px;
margin:20px 0 0 0;
padding:0;
text-align:center;
z-index:0;
}


.violet {
color:#4d1167;
}



ul#photos {
margin:0;
padding:0;
list-style-type:none;
text-align: center;
}

#photos li {
display: inline;
}

#photos a {
width: 38px;
text-align: center;
}

#photos a:hover {
color:#FFFFFF;
}