@charset "UTF-8";
/* CSS Document */

/*

Theme Name: CFR11
Theme URI: http://www.wearekalai.com/
Description: The first theme created by Corentin Banzet | www.corentinbanzet.com
Version: 0.1
Author: Corentin Banzet
 
Creation Theme by Corentin Banzet || http://www.CorentinBanzet.com
 
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings<<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

body {
  font-size:90%;
  background-image:url(img/bg.jpg);
  background-attachment: fixed;
  background-color:#000;
  font-family:Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  padding: 0;
  color:#003300
  }

a { color:#000; text-decoration:none }
a:focus, a:hover, a:active {color:#666666; text-decoration:none }

#page {
text-align: left;
margin: 0px auto;
padding: 0;
width: 800px;
}

#header {
padding: 5px 0 0 0;
margin-left:auto;
margin-right:auto;
width: 800px;
height: 200px;
background: url(img/bg_header.png) repeat-x left top;
}

#topmenu {
margin: 25px 0 0 0;
}

#content {
width: 800px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> homepage settings<<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#nosens {
width: 800px;
margin: 0;
padding: 0;
text-align:center;
background-color:#030;
}

#homepage {
width: 750px;
text-align:center;
margin: 0 auto;
}

#homepage_menu {
width: 750px;
height: 120px;
padding: 2px 0 0 2px;
margin:0px 0;
text-align:center;
background-color:#000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#homepage_vid {
width: 750px;
height: 330px;
padding: 25px 0 0px 0;
text-align:center;
background-color:#000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px
}

#homepage_feature {
margin: 10px auto;
padding: 0;
width: 750px;
height: 350px;
text-align:center
}

#homepage_feature_left {
float:left;
margin:0 5px;
padding: 0;
width: 400px;
height: 350px;
text-align:left;
background-color:#666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/plan.jpg) no-repeat left top;
filter:alpha(opacity=70);
opacity: 0.7;
}

#homepage_feature_left:hover { 
background-color:#000;
cursor:pointer;
filter:alpha(opacity=99);
opacity: 0.99;
}

#homepage_feature_right {
float:left;
width: 330px;
height: 350px;
margin: 0 5px;
text-align:justify;
color:#CCC;
background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/bg_homepage_right.png) repeat-x left top;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
filter:alpha(opacity=70);
opacity: 0.7;
}

#homepage_feature_right img {
float:right;
border: 1px #999 solid;
padding: 2px;
margin: 5px
}

.fonthomepage {
	padding: 10px;
}

#bandebas {
	width: 800px;
	height:20px;
background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/bg_bandebas.png) repeat-x left top;
	margin: 0 auto;
}

#homepage_feature_right:hover { 
cursor:pointer;
filter:alpha(opacity=99);
opacity: 0.99;
}

/* ----------------------------------------------------------------------------------------------------------------*/


#middletop {
float: left;
background: url(img/bg_middle_top.png) no-repeat left top;
margin: 0px 0 0 20px;
width: 750px;
height: 40px
}

.middlecenter {
float: left;
background: url(img/bg_middle_middle.png) repeat-y left top;
padding: 0;
margin: 0px 0 0 20px;
width: 750px;
}

.middlecenter img {
border: 3px thin #ddd;
}

#middlebottom {
float: left;
background: url(img/bg_middle_bottom.png) no-repeat left top;
padding: 0;
margin: 0px 0 0 20px;
width: 750px;
height: 75px;
}



.post {
margin: 0 auto;
width: 90%;
text-align: justify;
}


.tarifs {
	margin: 20px auto; 
	border: 0px thin #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px;
}

.prix {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	color:#033;
	font-size:18px
}

.prix2 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	color:#030;
	font-size:14px
}


.postmetadata {
text-align: center;
}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}


.site {
float:left;
border: none;
padding: 0;
text-align:right;
height: 250px;
margin: 0 auto;
line-height:normal;
color:#666
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* --------------------------------->>> FOOTER <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#footer {
background: url('img/bg_footer.png') no-repeat top;
border: none;
padding: 0;
height: 205px;
margin: 0 auto;
clear: both;
font-size:10px;
color:#666
}

.content_footer {
float:left;
border: none;
padding: 20px;
width:225px;
height: 100px;
margin: 0 auto;
line-height:normal;
color:#999999
}

.content_footer h4 {
margin: 0;
padding: 10px 0 10px 30px;
color: #cccc66
}

.content_footer ul {
margin: 0;
border-bottom: 1px dotted #000000;
list-style-position:inside;
list-style:circle;
}

#contactdiv {
margin: 20px;
}

#contactul {
margin: 20px;
padding: 10px;
list-style-position:outside;
list-style:circle;
}

.content_footer a {
	color:#999
}

.content_footer a:hover {
	color:#CCC;
	text-decoration:none;
}


.copyright_footer {
clear:both;
text-align:center;
border: none;
padding: 20px;
margin: 0 auto;
line-height:normal;
color:#666
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* --------------------------------->>> H1 / H2 / H3 / H4 / H5 / H6 / H7-----------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
clear:both;
}

h1 {
font-size: 4em;
text-align: center;
padding-top: 70px;
margin: 0;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}

h2 {
font-size: 1.6em;
line-height:100px;
padding:0 0 0 30px ;
background: url(img/bg_middle_title.png) no-repeat left top;
margin: 0px 0 0;
}

h2.pagetitle {
margin-top: 0px;
text-align: center;
}

h2, h2 a, h2 a:visited {
color: #003300;
}

h3 {
font-size: 1.3em;
padding: 0;
margin: 0 auto;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited cite {
text-decoration: none;
}

h4 {
font-size: 1.1em;
color:#333
}

h5 {
margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;
}

h6 {
margin: 10px 0; padding: 10px 10px; color:#FFF; background-color:#000;   filter:alpha(opacity=70); opacity: 0.7;font:18pt Arial, sans-serif; letter-spacing:-1px }

h7 {
font-family:Verdana, Geneva, sans-serif;
font-size: 1.3em;
margin-bottom:20px;
margin-top: 30px;
width:100%;
text-decoration:bold;
color:#030;
text-align:center
}

h8 {
	font-family:Verdana, Geneva, sans-serif;
font-size: 1.1em;
margin-bottom:20px;
margin-top: 30px;
width:100%;
padding: 10px 0;
color:#333;
text-align:center
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* --------------------------------->>> END H <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

table2 {
	text-align:center
}

small, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}

/* End Typography & Colors */
/* Begin Structure */

.post hr {
display: block;
clear:both;
border: 1px dashed #ccc;
margin: 20px auto;
width: 95%;
}
.widecolumn .post {
margin: 0;
}
.postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: both; 
}
.clear { 
clear: both; 
}


/* End Structure */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Begin Lists */

.entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style-type:disc;
list-style-position:inside;
padding-left: 10px;
text-indent: -10px;
}

/* End Entry Lists */



.red {
color:#900;
font-weight:bold
}

.small {
	font-size:10px;
font-weight:bold
}

.menupermis
{
float:right;
font-size:12px;
margin: 0 0 10px 0;
}

.menupermis a 
{
	font-weight:bold;
	color:#060
}

.menupermis a:hover 
{
	font-weight:bold;
	color:#030;
	text-decoration:none
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden { 
display: none; 
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}

.widecolumn .entry p {
font-size: 1.05em;
}
.entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> SHOW HIDE Settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

.demo-show2 {
margin: 30px .5em;
color:#666666;
}
	  
.demo-show2 h3 {
margin: 0;
padding: 0px 0 0 30px;
cursor:pointer;cursor:hand;
line-height:30px;
border-bottom: 1px dotted #000000;
background: url(img/fleche_h3.png) no-repeat left;
color: #060
}

.demo-show2 h3.hover {
cursor:pointer;cursor:hand;
border-bottom: 1px dotted #000000;
color: #000;
background-color:#03C;
}

.demo-show2 ul {
margin: 10px;
}

.demo-show2 div {
padding: 10px .25em;
line-height:normal;
}


.showhide_permis {
color:#F00;
clear:both;
text-align:left;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> End of SideBar <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/



/* ---------->>> Menu Mozaique <<<-----------------------------------------------------------------------------*/


#mozapermis{ 
			width: 643px;
			float:left; 
			background:#fff; 
			overflow: hidden; 
			margin: 0 0 0 17px;
		}

.boxgrid{ 
			width: 210px; 
			height: 210px; 
			margin:0px; 
			float:left; 
			background:#161613; 
			border: solid 2px #FFF; 
			overflow: hidden; 
			position: relative; 
		}


	
.boxgrid p{ 
			padding: 0 10px; 
			color:#afafaf; 
			font-weight:bold; 
			font:10pt "Lucida Grande", Arial, sans-serif; 
		}
		
.boxgrid a{ 
			color:#009933;
			text-decoration:none;
			font-weight:bold; 
		}		
				
	
.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 140px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			}
 				
.captionfull .boxcaption 
			{
					top: 170;
 					left: 0;
 				}
.caption .boxcaption {
 					top: 170;
 					left: 0;
 				}
				
				
				
				
/* ---------->>> Menu Homepage Button <<<-----------------------------------------------------------------------------*/			
				
				
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 100px;
  width: 750px;
  /* Add scroll-bars */
  margin: 15px auto 0px auto;
  overflow: auto;
  background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/bg_menu_icones.png) repeat-x top;
}
ul.sc_menu {
  display: block;
  height: 100px;
  /* Max width here, for users without Javascript */
  width: 750px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sc_menu li {
  display: block;
  float: left;
  padding: 0 5px;
  border: 1px #999 dotted;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.sc_menu li:hover {
  display: block;
  float: left;
  padding: 0 5px;
  background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/bg_menu_icones_hover.png) repeat-x top;
}

.sc_menu a {
  display: block;
  text-decoration: none;
}


.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu span {
  display: none;
  padding-top:7px;
  padding-bottom:5px;
  margin-top: 0px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
/*
.sc_menu img {
  border: 1px #999 dotted;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}


.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}
*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Slideshow Homepage <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

#slideshow {
    position:relative;
    height:750px;
	margin: 0;
	padding: 0;
	background-color: #000000; 
	height: 300px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> TOP MENU HOMEPAGE <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

#suckerfishnav {background: url(img/bg_menu.png) repeat-x left top;font-size:13px;font-family:verdana,sans-serif}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:35px;padding:0;margin:0 0 5px 5px;width:788px}
#suckerfishnav a {display:block;color:#cccc66;text-decoration:none;padding:0px 55px}
#suckerfishnav li {float:left;padding:0}

#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:300px;font-weight:normal;margin:0;line-height:1;-moz-opacity:1;opacity:1;khtml-opacity:1}
#suckerfishnav li li {padding-right:1px;width:300px;border-bottom:0px solid #99cc99}
#suckerfishnav li li a {padding:3px 15px}
#suckerfishnav li ul li {font-weight:normal;font-family:arial,verdana,sans-serif}
#suckerfishnav li ul li a {font-size:13px; background: url(../../themes/default/img/bg_menu_li.png) repeat left top}
#suckerfishnav li:hover ul li a {background: url(../../themes/default/img/bg_menu_li.png) repeat left top}
#suckerfishnav li ul ul {margin:-20px 0 0 351px}
#suckerfishnav li ul li:hover {}
#suckerfishnav li ul li:hover a {color:#00110;}
#suckerfishnav li ul li:hover li a {color:#001103}
#suckerfishnav li ul li li:hover a {color:#001103}
#suckerfishnav li ul li ul li:hover ul li a {color:#001103}
#suckerfishnav li ul li ul li:hover ul li:hover a {color:#001103}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {left:-999em}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background: url(../../themes/default/img/bg_menu_hover.png) repeat-x left top}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#ccc}


/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 198px;
background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/bg_menu_icones.png) repeat-x top;
text-align:center;
border: 1px #333 dotted;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;  
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  color:#FFF;
  display: block;
  text-decoration: none;
}

.nav li a:hover, .nav li:hover {
  background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/bg_menu_icones_hover.png) repeat-x top;
  color: #000;	
  border: 1px #999 dotted;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/bg_menu_icones_hover.png) repeat-x top;
  background: #ccc;
  color: #000;
  border: 1px #333 dotted;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
  border: 1px #333 dotted;    
  color: #959595;	
  background: url(http://www.centre-de-formation-routiere-11.fr/wp-content/img/bg_menu_li2.png) repeat-x top; 
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #003113;	
  border: 1px #333 dotted;  
}

.nav ul {
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  float:left;
  font: bold 0.8em/18px Arial, Helvetica, sans-serif;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 55px;
}
.nav ul li {
  border: 0;
  float: none;
  border: 1px dotted #000;    
}
.nav ul a {
  border: 1px solid #000;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}