/* 
    Document   : site
    Created on : 27 mars 2011, 13:01:08
    Author     : Florent
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body { width: 100%; height: 100%; text-align: center; margin: 0 auto; padding: 0;font:12px Arial,Verdana,Helvetica; color:#FFFFFF;}
a { text-decoration: none; outline:none;}

img { border: none;}
p { margin:0 0 10px 0; padding:0;}
.fix { clear:both;}
.textright { text-align:right;}
.globalbox { width: 100%; height: 100%; text-align: center; margin: 0 auto; padding: 0;}
.centerbox { width: 100%; height: 100%; text-align: center; margin: 0 auto; padding: 0;}
.contentbox { width: 900px; margin: 0 auto; padding:0; background: url(../r-graphisme/siteback.jpg) repeat-y top center;}
.logobox, .logobox a { width: 100%; height: 220px;}
.logobox { background: url(../r-graphisme/sitelogo.jpg) no-repeat top center;}
.content { width: 900px;margin:0 auto; clear:both; padding:40px 0 25px 0;  text-align: left;}
.content .col1 { width:225px; float:left;}
.content .col1 ul { margin:0 10px 0 25px;padding:0; list-style-type: none;}
.content .col1 ul li { margin:0 0 10px 0; }
.content .col1 ul li a { color: #FFFFFF; }
.content .col1 ul li a:hover { color: #ffcccc; }
.content .col1 ul ul { margin:0 10px;}
.content .col1 ul ul li { margin:0;}
.content .col1 ul ul li a { color: #BBBBBB; }
.content .col1 .contact { margin:75px 25px 25px 25px; color:#333333;}
.content .col2 { width:675px; float:left;}
.content .col2 .txt { padding:0 60px;}
.content .col2 a { color: #FFFFFF;}

.content .col2 .galerie { margin:0 50px; display: block;}
.content .col2 .galerie a { margin:8px 0 0 8px; display: block; width:100px; height:75px; float:left;}
.content .col2 .galerie img { }
.content .col1 ul li a.clic { color: #ffcccc; }