/* 
Theme Name: CSDCCS
Theme URI: 
Description: 
Version: 1.2
Author: 
Author URL: 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
html { height:100%;}
body {
	font-size: 62.5%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #3e86c6 url('../images/bg-body.gif') no-repeat top center;
}

#wrapper {
	width: 776px;
	margin: 20px auto;
	text-align: left;
}
h1 { text-align:center; font-size:4.5em;}
	h1 a:link, h1 a:visited { text-decoration:none; color:#333; font-weight:bold; display:block; padding:15px;}
.nom{ width: 590px; margin-top:50px;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
strong { font-weight:bold;}
em { font-style: italic;}

#recu {
	color:#333;
	margin: 10px 0;
	padding: 0 10px;
	background: #ffffff;
	border:#fff solid 4px;
	-webkit-border-radius: 9px; 
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	box-shadow: 2px 2px 4px rgba(0,0,0,.4);
}

	#recu p.rct { font-size:2.0em; line-height:1.25em; font-color:#666666}
	#recu p.intro { font-size:1.2em; line-height:1.25em; font-color:#424242}
	#recu h2, #recu h5 { font-size:2.2em; font-weight:bold; text-shadow: 0 1px 1px rgba(255,255,255,0.8), 0 -1px 1px rgba(0,0,0,0.5); color:#3e86c6; margin:20px 0;}
	#recu ul { list-style: outside disc; margin:10px 100px 10px 20px;}
	#recu a:link { color: #8CB6D7; text-decoration: none}
	#recu a:visited { color: #CC3300; text-decoration: none}
	#recu a:hover { color: #336699; text-decoration: none}
	#recu .bag { margin-right:40px;}

#content {
	color:#333;
	margin: 10px 0;
	padding: 0 10px;
	background: #bbdfff;
	border:#fff solid 4px;
	-webkit-border-radius: 9px; 
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	box-shadow: 2px 2px 4px rgba(0,0,0,.4);
}

	#content p, #content ul { font-size:1.5em; line-height:1.8em;}
	#content p.intro { font-size:1.2em; line-height:1.25em; font-color:#424242}
	#content h2, #contact_form h2, #content h5 { font-size:2.2em; font-weight:bold; text-shadow: 0 1px 1px rgba(255,255,255,0.8), 0 -1px 1px rgba(0,0,0,0.5); color:#3e86c6; margin:20px 0;}
	#content ul { list-style: outside disc; margin:10px 100px 10px 20px;}
	#content a:link, #content a:visited { color:#3e86c6;}
	#content .bag { margin-right:80px;}

.red-bag { margin:-150px -120px;}

.commanditaires {
	width: 200px;
	text-align: center;
	float:left;
}
.commanditaires img {
	margin:10px;
}

.commentaires {
	color:#424242;
	margin: 10px 0;
	background: #BEF781;
	border:#fff solid 4px;
	-webkit-border-radius: 9px; 
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	box-shadow: 2px 2px 4px rgba(0,0,0,.4);
}

#footer { color:#bbdfff; margin-bottom:20px;}
	#nav-footer { width:100%; margin:0 auto; border-top:#bbdfff solid 1px;}
	#nav-footer a { display:inline; margin: 10px; color:#bbdfff; text-decoration: none; float:left;}
	#nav-footer a:visited { color:#bbdfff;}
	#nav-footer a:hover { border-bottom:#bbdfff solid 1px;}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	background:#F3F781;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.button:hover {
	text-decoration: none;
	font-weight:bold;	
	background:#FFFF00;
}
.button:active {
	position: relative;
	top: 1px;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
 
/* color styles 
---------------------------------------------- */
/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

#contact_form {
	float: right;
}

.aside {
	overflow: auto;
	color:#424242;
	margin: 10px 0;
	background: #fff;
	border:#fff solid 4px;
	-webkit-border-radius: 9px; 
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	box-shadow: 2px 2px 4px rgba(0,0,0,.4);
	word-wrap: break-word;
}

p.error {
	margin-left:150px;
	margin-top:3px;
	padding: 3px;
	background:#cb1716;
	font-weight: bold;
}

#contact_form ul li {
	margin-bottom:10px;
	list-style:none;
	position:relative;
	clear:both;
}

#contact_form label {
	line-height:35px;
	width:100px;
	text-align:right;
	float:left;
}

#contact_form input#name, #contact_form input#email, #contact_form input#subject, #contact_form textarea {
	float:right;
	border:1px solid #ccc;
	margin-left:10px;
	background:#fcfcfc;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}

#contact_form input#name, #contact_form input#email, #contact_form input#subject, #contact_form textarea {
	width:200px;
}

#contact_form textarea {
	height:100px;
	resize: none;
}

#contact_form input.button {
	float:right;
}
	
/* Global Classes */
.error, .success {
	display:none;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
* html .clearfix {
	height:1%;
}

.clear {
	clear:both;
}