/* CSS Document */

body {
	background: Black;
}

img {
	border: none;
}

#box {
	width: 900px;
	height: 700px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#c1 {
	width: 900px;
	float: right;
}

#logo {
	display: block;
	clear: both;
	background-color: Black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
	width: 600px;
	height: 200px;
}

.spacerl {
	clear: left;
}

.spacer {
	clear: both;
}

.centre {
	text-align: center;
}

#c2 {
	width: 900px;
	float: left;
}

#menu {
	width: 560px;
	height: 100px;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

.cat_boxes {
	float: left;
	width: 80px;
	height: 80px;
	background: White;
	margin-right: 40px;
}

.iButton {
	width: 80px;
	height: 80px;
}

#box1 {
	background: Red;
}

#box2 {
	background: Blue;
}

#box3 {
	background: Yellow;
}

#box4 {
	background: Green;
}

#box5 {
	background: Red;
	margin-right: 0px;
}

#content {
	width: 800px;
	height: 500px;
	background-color: Black;
	margin: 40px auto 15px auto;
	display:none;
	position: relative;
}

.intc {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	margin: auto;
	display: none;
}

#bground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.centrer {
	height: 272px;
	width: 368px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.illus {
	width: 200px;
	float: left;
	margin-right: 10px; 
}

#bulle1 {
	height: 300px;
	width: 350px;
	color: White;
	font-weight: bold;
	float: left; 
}

#bulle2 {
	height: 300px;
	width: 350px;
	margin-top: 100px;
	color: White;
	font-weight: bold;
	float: right; 
}

#bulle3 {
	height: 300px;
	width: 350px;
	color: White;
	font-weight: bold;
	float: left; 
}

#gros {
	padding: 50px;
	font-size: 70px;
	text-align: center;
	font-weight: bolder;
	color: White;
}

.photos {
	height: 700px;
}

/*Formulaire*/

/******* GENERAL RESET *******/  
h1{  
    font-weight: 700;  
    font-size: 18px;  
    line-height: 1.2em;  
    border-bottom: 1px dotted #6b9ef1;  
    color: #5f95ef;  
    margin-bottom: 1em;  
} 

.st{
	font-size: 12px;
	color: #E6E6E6;
	float: right;
}  

    /******* FORM *******/  
    #customForm{  
        padding: 0 10px 10px;  
    }  
    #customForm label{
	display: block;
	color: #CBCBCB;
	font-weight: 700;
	line-height: 1.4em;
}  
    #customForm input{
	width: 220px;
	padding: 6px;
	color: #515151;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	border: 1px solid #cecece;
}
    #customForm select{  
        width: 62px;  
        padding: 3px;  
        color: #515151;  
        font-family: Arial,  Verdana, Helvetica, sans-serif;  
        font-size: 0.9em;  
        border: 1px solid #cecece;  
    }
    #customForm select option{  
        padding-left: 6px;  
        color: #949494;  
        font-family: Arial,  Verdana, Helvetica, sans-serif;  
        font-size: 11px;  
    }    
    #customForm input.error{  
        background: #f8dbdb;  
        border-color: #e77776;  
    }  
    #customForm textarea{  
        width: 550px;  
        height: 80px;  
        padding: 6px;  
        color: #515151;  
        font-family: Arial,  Verdana, Helvetica, sans-serif;  
        font-style: italic;  
        font-size: 0.9em;  
        border: 1px solid #cecece;  
    }  
    #customForm textarea.error{  
        background: #f8dbdb;  
        border-color: #e77776;  
    }  
    #customForm div{  
        margin-bottom: 15px;  
    }  
    #customForm div span{  
        margin-left: 10px;  
        color: #b1b1b1;  
        font-size: 11px;  
        font-style: italic;  
    } 
    #customForm div span.fin{  
        margin-left: 0px;  
        color: #949494;  
        font-size: 1em;
        font-style: normal;   
    }
    #customForm div span.error{  
        color: #e46c6e;
		  font-size: 0.8em;  
    }  
    #customForm #send{  
        background: #6f9ff1;  
        color: #fff;  
        font-weight: 700;  
        font-style: normal;  
        border: 0;  
        cursor: pointer;  
    }  
    #customForm #send:hover{  
        background: #79a7f1;  
    }
	  
    #error{  
        margin-bottom: 20px;  
        border: 1px solid #efefef;  
    }  
    #error ul{  
        list-style: square;  
        padding: 5px;  
        font-size: 11px;  
    }  
    #error ul li{  
        list-style-position: inside;  
        line-height: 1.6em;  
    }  
    #error ul li strong{  
        color: #e46c6d;  
    }  
    #error.valid ul li strong{  
        color: #93d72e;  
    } 
	 #done {
		color: White;
		text-align: center;
		display: none;
	 } 
    /******* /FORM *******/  
/*********************
 * Partie Equipe
 *********************/
#equipe div.photos {
	margin: 0 80px 0 100px;
}

#equipe div.photos img {
	margin: 10px;
}

.tinyTip						{ width: 325px; padding: 47px 0px 0px 0px; display: block; background: url(images/tinyTip-top.png) 0px 0px no-repeat; }
.tinyTip .content				{ padding: 0px 15px 0px 15px; font-size: 14px; font-family: "Lucida Sans Unicode"; color: #010101;  background: url(images/tinyTip-content.png) 0px 0px repeat-y; }
.tinyTip .bottom				{ height: 17px; background: url(images/tinyTip-bottom.png) 0px 0px no-repeat; font: 0px/0px sans-serif; }

h3 {
	margin-top: 0;
}