/* /static/css/the-classic.css
-----------------------------------------------------------------------------
the-classic.css - Croissance Net

Ce fichier contient les styles customisés propres au thème the-classic.css :
    -	main
	-	banner
	- 	navigation_niv1 //menu principal
	- 	navigation_niv2 //sous menu
	-	footer
    -   couleurs
	-   fonts
	-   etc.

Auteur : [CD]
Version: v 1.0
---------------------------------------------------------------------------*/
body{
	background-image:url(../images/the_classic/interface/bg_gris.gif);
	background-position:top;
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

img.icones {
	vertical-align:middle;
	border:none;
}

#banner{
	width:960px;
	height:125px;
}


#logo{
	margin-top:18px;
	float:left;
}
#logo a, #logo a:active, #logo a:hover{
	margin:0 !important;
	padding:0 !important;
	float:left;
}


#push {
	margin-bottom:20px;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	height:486px;
	width:960px;
	padding-top:1px;
}

#push-interne {
	width:960px;
	height:241px;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	background-position:top;
	margin-bottom:20px;
	padding-top:1px;
}

#push-interne img{
	margin:0px !important;
	padding:0px !important;
}
#footer{
	width:960px;
	height:60px;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	float:left;
	margin-top:38px;
	text-align:center;
	padding-top:10px;
}

div#footer ul li {
	display:inline;
	font-size:11px;
	margin-left:15px;
	color:#61656a;
}

object {
	margin:0;
	padding:0;
}

/*--------------------------Titres, paragraphes, contenus...----------------------------------*/
h1{
	font-size:26px;
	margin-bottom:10px;
	font-weight:normal;
	color:#c2e730;
	font-family:"Century Gothic", "Times New Roman";
}

h2{
	font-size:18px;
	color:#c2e730;
	padding:0;
	margin-top:25px;
	font-weight:normal;
	margin-bottom:15px;
}

h3{
	font-weight:normal;
}

.couleur{
	color:#c2e730;
}

#global_content{
	width:960px;
	float:left;
}

#content-index{
	background-image:url(../images/the_classic/interface/guillemet_on.png);
	background-repeat:no-repeat;
	position: relative;
	left:0;
	top:0;
	width:740px;
	float:left;

}

#content-index-bas{
	background-image:url(../images/the_classic/interface/guillemet_off.png);
	background-repeat:no-repeat;
	position: relative;
	left:674px;
	bottom:0;
	width:46px;
	height:35px;
	margin-bottom:30px;
	float:left;
	display:block;
}

#content{
	width:740px;
	float:left;
}
#content p{
	margin-top: 18px;
	color:#cdccd3;
	font-size:13px;
	line-height:17px;
	padding:0;
	margin-left:0px;
	margin-right:10px;
	text-align:justify;
}

#content a, #content a:active {
	color:#c2e730;
	text-decoration:underline;
	padding:0;
	margin:0;
	font-size:13px;
	display:inline;
}

#content a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	padding:0;
	margin:0;
	font-size:13px;
	display:inline;
}
#content strong{
	color:#FFFFFF;
}

#content-galerie{
	width:952px;
	float:left;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	padding-top:8px;
	margin-top:20px;
	margin-bottom:20px;
}

#content-galerie img {
	margin-left:8px;
	margin-bottom:8px;
	float:left;
}

#content-galerie a, #content-galerie a:active, #content-galerie a:hover{
	display:inline;
	padding:0;
	margin:0;
}

#content-index p {
	margin-top: 18px;
	color:#cdccd3;
	font-size:13px;
	line-height:17px;
	padding:0;
	font-family:georgia, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#FFFFFF;
	font-style:italic;
}

#content-index a, #content-index a:active {
	color:#c2e730;
	text-decoration:underline;
	padding:0;
	margin:0;
	font-size:13px;
}

#content-index a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	padding:0;
	font-size:13px;
}


div#content ul li {
	list-style-image:url(../images/the_classic/interface/puce_savoir_plus.gif);
	font-size:13px;
	list-style-position:inside;
	color:#cdccd3;
	line-height:17px;
	padding:0;
	margin:0;
}

div#content ul li ul li {
	list-style-image:url(../images/the_classic/interface/puce_savoir_plus.gif);
	font-size:13px;
	list-style-position:inside;
	color:#cdccd3;
	line-height:17px;
	padding:0;
	margin:0;
	margin-left:20px;
}

div#content ul li a, a.plan:link { color: #c2e730; text-decoration: none; }
div#content ul li a, a.plan:visited { color: #c2e730; text-decoration: none; }
div#content ul li a, a.plan:active { color: #c2e730; text-decoration: none; }
div#content ul li a, a.plan:hover { color: #c2e730; text-decoration: none; }

#col_left{
	background-repeat:repeat-x;
	background-position:top;
	width:200px;
	position :relative;
	top:0;
	float:left;
	left:0px;
	margin-right:40px;
}

#col_left p{
	margin-top: 18px;
	color:#cdccd3;
	font-size:13px;
	line-height:17px;
	margin-left:15px;
}

#col_right{
	width:180px;
	float:right;
	margin-left:40px;
	text-align:right!important;
}
.margin8px{
	margin-right:8px;
}

#col_right p{
	margin-top: 15px;
	font-size:13px;
	line-height:17px;
	text-align:right;
}

#wrapper_383px{
	width:220px;
	height:383px;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	float:right;
	margin-left:20px;
	margin-top:20px;
}

#wrapper_383px p{
	text-align:center;
	font-size:10px;
	line-height:12px;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;

}

#wrapper_383px img{
	margin:3px;
}

.encart{
	width:240px;
	height:188px;
	float:left;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	margin-right:10px;
	margin-bottom:10px;
}

.encart2{
	width:240px;
	height:188px;
	float:left;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	margin-bottom:10px;
}

.encart3{
	width:228px;
	height:188px;
	float:left;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	margin-bottom:10px;
	margin-right:10px;
	padding:3px;
}

.encart img, .encart2 img{
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:0px;
	display:inline;
}


#savoirplus{
padding-top:7px;
line-height:14px;
padding-left:8px;
}

#savoirplus a, #savoirplus a:visited{
	padding:0;
	margin:0;
	color:#c2e730;
	text-decoration:none;
	font-size:12px;
	margin-right:8px;
	display:inline;
}

#savoirplus a:hover{
	padding:0;
	margin:0;
	color:#c2e730;
	text-decoration:underline;
	margin-right:8px;
	font-size:12px;
	display:inline;
}

.savoirplus_puce{
	background-image:url(../images/the_classic/interface/puce_savoir_plus.gif);
	background-repeat:no-repeat;
	height:8px;
	width:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:0;
	display:inline;
}

p#telechargement {
	margin-left:20px;
	border:1px solid blacpk;
	padding:5px;
	background:url(../images/the_classic/interface/bg_noir.gif) repeat;
}


/*--------------------------Navigation, menus, liens...----------------------------------*/
a.telechargement:link { color:#c2e730;text-decoration:none; font-size:12px;}
a.telechargement:visited { color:#c2e730;text-decoration:none;font-size:12px;}
a.telechargement:hover { color:#c2e730;text-decoration:none;font-size:12px;}
a.telechargement:active { color:#c2e730;text-decoration:none;font-size:12px;}

div#navigation_niv1 ul li a.full {
	color:#c2e730;
	font-size:16px;
	text-decoration:underline;
	display:block;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	padding-left:6px;
	padding-right:6px;
}

#navigation_niv1{
	height:23px;
	margin-left:121px;
	float:left;
	margin-top:74px;
}

div#navigation_niv1 ul li {
	float:left;
	line-height:23px;
	color:#FFFFFF;
	font-size:14px;
	display:block;
}

li.separateur{
	background-image:url(../images/the_classic/interface/separateur_menu.gif);
	float:left;
	height:23px;
	width:1px;
	margin-left:6px;
	margin-right:6px;
	display:block;
}

div#navigation_niv1 a, a:active {
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	display:block;
	padding-left:6px;
	padding-right:6px;

}

div#navigation_niv1 a:hover {
	color:#c2e730;
	font-size:16px;
	text-decoration:underline;
	display:block;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
	padding-left:6px;
	padding-right:6px;
}

#navigation_niv2{
	height:23px;
	float:left;
	background-image:url(../images/the_classic/interface/bg_noir.gif);
	background-repeat:repeat;
}

div#navigation_niv2 ul li {
	float:left;
	line-height:23px;
	color:#FFFFFF;
	font-size:12px;
	display:block;
}

div#navigation_niv2 a, a:active {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	display:block;
	padding-left:6px;
	padding-right:6px;
}

div#navigation_niv2 a:hover {
	color:#c2e730;
	font-size:12px;
	text-decoration:underline;
	display:block;
	padding-left:6px;
	padding-right:6px;
}

div#navigation_niv2 ul li a.full {
	color:#c2e730;
	font-size:12px;
	text-decoration:underline;
	display:block;
	padding-left:6px;
	padding-right:6px;
}

div#footer a, div#footer a:active {
	font-size:11px;
	text-decoration:none;
	color:#61656a;
	display:inline;
	padding:0;
	margin:0;
}

div#footer a:hover {
	font-size:11px;
	display:inline;
	text-decoration:underline;
	color:#61656a;
	padding:0;
	margin:0;
}

/*--------------------------Formulaire de contact, googlemaps...----------------------------------*/

label {
	color:#ffffff;
}

input {
	color:#000000;
}

form .mandatory-field {
	color: #FF0000;
}

form .error, form .notice, form .success {
	border:2px solid #DDDDDD;
	margin-bottom:1em;
	padding:0.8em;
}

form .error {
	background:#FBE3E4 none repeat scroll 0 0;
	border-color:#FBC2C4;
	color:#8A1F11;
}

form .notice {
	background:#FFF6BF none repeat scroll 0 0;
	border-color:#FFD324;
	color:#514721;
}

form .success {
	background:#E6EFC2 none repeat scroll 0 0;
	border-color:#C6D880;
	color:#264409;
}

form.vertical label {
	display: block;
	clear: both;
	width: 80px;
	float: left;
	margin-bottom: 5px;
}

form.vertical span.radio-label {
	float: left;
	margin-right: 5px;
	color:#ffffff;
}

form.vertical input.radio {
	float: left !important;
	clear: none;
}

form.vertical input, form.vertical select, form.vertical textarea {
	float: left;
	display: block;
	margin-bottom: 10px;
}

form .btnSubmit {
	clear: both;
	color:#000000;
	margin-left:80px;
}

.small{
	font-size:10px;
}

#formulaire{
	margin-top:10px;
 	margin-bottom:10px;
}

#googlemaps{
 	margin-top:20px;
 	margin-bottom:20px;
 }
/*------------------------------------CMS...---------------------------------------------*/

 .chapeau{
 	font-weight:bold;
 }

.article{
	width:700px;
	float:left;
	display:inline;
	margin-bottom:20px;
}

.img_cms{
	float: left;
	margin-left:8px;
	margin-bottom:10px;
}

.telecharger{
	line-height:30px;
	display:block;
}