/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|        Copyrigth (c) 2008-2009
|        Webdesign : charles-Antoine BERTRAND
|        http://www.charlesbertrand.com/
|        Revision : 20090310 
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


body {
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
background: #eaeff3 url(../images/background_image.jpg);
font-size: 11px;
font-family: "Helvetica","Arial",sans-serif;
color : rgb(51,51,51);
/*\*/
_font-size: 68.75%;
_text-align: center;
/**/
/*\*//*/
font-family: "Arial",sans-serif;
/**/
}
a:link {
color:#e2007a;
text-decoration:none;
}
a:visited {
color:#e2007a;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active {
color:#e2007a;
text-decoration:none;
}

/* FRAME
--------------------------------------------- */
#global {
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: 779px;
text-align: left; /* on rétablit l'alignement normal du texte */
margin-top:24px;
}
 
#header {
background:#8ca1b6 url(../images/background_header.jpg) no-repeat;
height:92px;
}
#header #logo {
margin:7px 21px;/* tient compte des marques pour l'ombre */
/* margin:9px 24px; */
}

#menu {
position : absolute;
left: 390px;
top: 24px;
}
#menu li {
display: inline;
list-style-type: none;
margin: 0 24px 0 0;
padding: 0;
}
#menu a {
text-decoration: none;
color: #fff;
font-weight:bold;
font-size:18px;
text-align:center;
padding:12px 0 12px 24px;
background: url(../images/sep_menu.jpg) no-repeat 0% 50%;
}
#menu a:hover { color:#E2007A; }
#menu a.first {
background:none;
}

#body {
background:#fff url(../images/background_body.jpg) no-repeat;
}

#footer { 
background:#fff url(../images/background_footer.jpg) no-repeat 0 100%;
}
#footer #copyright { 
margin:0 24px; 
padding:3px 0 7px 0; 
}
#footer address { 
font-size:10px;
color:rgb(133,133,133);
}

/* PARAGRAPH
--------------------------------------------- */
strong { 
font-weight:bold;
}
* h1, *h2, * p/*, * address*/ { 
padding:12px 0;
}
* h1 {
color:#858585;
font-size:24px;
line-height:1.2;
margin:0 0 24px;
padding:8px 12px 11px 18px;
background:url(../images/icon_h1.jpg) 0 14px no-repeat;
}
* h2 {
font-size:16px;
font-weight:bold;
line-height:1.2;
margin:0 0 12px;
padding:3px 6px 6px;
}
p {
line-height:1.35;
margin:12px 12px 0;
text-align:justify;
}
quote { 
display:block;
line-height:1.35;
padding:12px;
margin:12px;
font-style:italic;
background-color:#eaeff3;
border:1px dotted #8ca1b6;
}
ul, ol {
margin:6px 6px 0 0;
}
li {
background:transparent url(/img/shared/icon_dot01.gif) no-repeat scroll 0 0.5em;
line-height:1.3;
margin:6px 0 0 0;
padding:0 0 0 12px;
}
ol li {
list-style: lower-alpha inside;
}
ol li ol li {
list-style: lower-roman inside;
}
dt { 
font-weight:bold;
}

/* VCARD
--------------------------------------------- */
#body .vcard {
line-height:1.35;
margin:0 12px;
}
.country-name, .region, .title, .org { display:none; }


/* BLOCK
--------------------------------------------- */	
.parallelBlock, .parallelBlockHome { 
padding:0 24px; 
/*height:464px;*/
overflow:hidden;
}
.parallelBlock .colA01 { 
width:534px; 
margin-right:18px; 
float:left;
}
.parallelBlock .colA02 { 
width:177px; 
float:left;
}
.parallelBlock img {
float:left; 
margin:0 1px 1px 0;
}
.parallelBlockHome { 
background:url(../images/sep_body.jpg) 24px 0 no-repeat;
}
.parallelBlockHome .colA01 { 
width:354px; 
margin-right:23px; 
float:left;
}
.parallelBlockHome .colA02 { 
width:354px; 
float:left;
}
dl{ 
background-color:#e6e6e6;
border-right:#8ca1b6 dotted 1px;
border-left:#8ca1b6 dotted 1px;
padding:6px 0;
margin:6px 0;}
dt {
margin:12px 0 9px 12px;
}
dd {
margin:0 0 24px 12px;
}
.floatImage { 
float:left; 
margin-right:11px
}
.reculer { 
margin:12px;
}

/* THUMB
--------------------------------------------- */
#thumb a { display:block; width:145px; height:145px; float:left; margin:0 1px 1px 0; padding:0; background:#e2007a; text-decoration:none;}
#thumb a span { display:none; }
#thumb a:hover img { display:none; }
#thumb a:hover span { display:block; position:relative; top:30px; left:12px; font-weight:normal; color:#fff; }
#thumb a span strong { font-size:14px; font-weight:bold; }