/* GENERAL */

* {
margin: 0;
padding: 0;
}

body,
input,
textarea
{
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
}

html {
color: #000;
width: 100%;
height: 100%;
background-color: #000;
}

body {
width: 100%;
height: 100%;
background-color: #000;
}

a {
color: #000;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: #000;
background-color: transparent;
text-decoration: underline;
}

img {
border: 0;
vertical-align: middle;
}

p {
text-align: justify;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
}

input {
padding: 1px 2px;
}

textarea {
padding: 2px;
}

.none {
position: absolute;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

.clear {
clear: both;
display: block;
height: 0px;
font-size: .1em;
}



/* BLOKS */

.blok-liste-site {
overflow: hidden;
margin: 0 auto;
}

.blok-site {
float: left;
overflow: hidden;
}

.blok-site span.blok_image {
display: block;
}



/* CONTENT */

div#corps {
position: absolute;
width: 100%;
z-index: 3;
}

div#kontent {
position: relative;
}

div#page {
position: relative;
width: 980px;
padding: 80px 0 60px 0;
}

div#page div#col {
position: relative;
float: right;
right: 30px;
width: 640px;
}

div#page div.cartouche {
padding: 15px;
width: 610px !important;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
background: transparent url(../img/transp_white.png);
}

div#page div#col h2.titre_page {
margin-bottom: 20px;
font-size: 2.3em;
font-weight: bold;
}

div#page div#col h2.titre_page span {
display: block;
font-size: .7em;
font-weight: normal;
}


/* ENTETE */

div#entete_contenant {
width: 100%;
height: 50px;
}

div#entete {
position: absolute;
width: 980px;
z-index: 5;
}

div#entete a#logo {
display: block;
width: 280px;
height: 50px;
}



/* MENUS */

div#menu_principal {
position: absolute;
top: 30px;
left: 280px;
width: 700px;
height: 20px;
z-index: 5;
}

div#menu_lieux {
position: absolute;
top: 0;
left: 280px;
width: 700px;
height: 30px;
z-index: 5;
}

div#menu_footer {
float: left;
position: absolute;
top: 0;
left: 120px;
width: 540px;
height: 30px;
z-index: 5;
}

/* FACEBOOK */


div#jaime_facebook {
margin-left: 715px;
width: 280px;
height: 30px;
border: none;
overflow: hidden;
}

div#jaime_facebook a {
display: block;
float: left;
margin-right: 10px;
width: 168px;
height: 19px;
background: transparent url(../img/logo_facebook.png) no-repeat left top;
}

div#jaime_facebook a:hover {
background: transparent url(../img/logo_facebook.png) no-repeat left bottom;
}

div#jaime_facebook iframe {
float: left;
width: 100px;
height: 30px;
}


/* MOTEUR AGENDA */

div#agenda_moteur {
position: absolute;
top: 70px;
left: 0px;
width: 280px;
height: 530px;
}



/* PIED */

div#pied_contenant {
width: 100%;
height: 30px;
background-color: #fff;
}

div#pied {
position: relative;
width: 980px;
height: 30px;
line-height: 30px;
}

div#pied a#lien_cg13 {
float: left;
display: block;
width: 120px;
height: 30px;
background: transparent url(../img/logo_cg13.png) no-repeat 0 0;
}

div#pied a#lien_cdt13 {
float: right;
display: block;
width: 199px;
height: 30px;
background: transparent url(../img/logo_cdt13.png) no-repeat 0 0;
}