/*
Theme pour serpo SARL
*/

/*Toutes les pages*/
body {
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 0.8em;
text-align: left;
background: #ffffff;
color: #006699;
margin: auto;
width : 1024px;
}

#header {
font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
float: left;
background:#cccccc; 
width: 100%;
padding: 0 0px 0px 0px;
margin-bottom : 10px;
}

#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
text-align: left;
}
 
#header p {
padding: 0 20px 0 0;
font-size: 1em;
text-align: left;
}

.select-region{
font-size : 1.3em;
display : inline;
float : left;
}

.rechBar{
width : 1024px;
text-align : center;
margin-left :20px;

}

.breadcrumb{
clear : both;
}

a img{border : none;}

.img-sidebar{
margin-bottom : 15px;
}
.headerIDF {
font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
float: left;
background:black;
width: 100%;
padding: 0 0px 0px 0px;
}

.header-languedoc-roussillon {
font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
float: left;
background:green;
width: 100%;
padding: 0 0px 0px 0px;
}

/*index*/
#page {
width: 854px;
}

#content_index {
float: left;
width: 530px;
margin-bottom: 20px;
margin-right : 5px;
}

#content_index h2 a{
font-size: 1.2em;
font-family: Century Gothic, Lucida Grande, Verdana, Arial, Sans-Serif;
color: #006699;
}

#content_index h2 a:hover{
color: #555;
}

.col_accueil{
float : left;
text-align : center;
width : 305px;
border-left : 1px solid #cccccc;
padding-left : 6px;
}

.col_accueil .frm-formations{
border : 1px solid #99ccff;
width : 300px;
text-align : left;
}

.col_accueil .frm-formations label{
margin-left : 10px;
}

.col_accueil .frm-formations .submit{
background-color : white;
color:#555555;
margin-left : 25%;
}

.col_accueil .frm-formations p {
text-align : center;
}

.col_accueil .top-10{
text-align : left;
/*border : solid 2px #99ccff;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;*/
margin-bottom : 20px;
/*padding-left : 15px;*/
margin-right : 15px;
}

.col_accueil .top-10 .paire{
margin-top : 5px;
margin-bottom : 5px;
}

.col_accueil .top-10 .paire a{
color : #988e91;
font-size : 1.2em;
}

.col_accueil .top-10 .impaire a{
font-size : 1.2em;
}

.titre-sidebar {
background : #99ccff;
color : #FFFFFF;
width : 200px;
font-size : 1.3em;
text-align : center;
}


/*Fin index */


#content {
float: left;
width: 700px;
margin-bottom: 20px;
margin-right : 5px;
}

#content h2 a{
font-size: 1.2em;
font-family: Century Gothic, Lucida Grande, Verdana, Arial, Sans-Serif;
color: #006699;
}

#content h2 a:hover{
color: #555;
}



.post_content a:hover {
color: #fff;
background: #006699;
}


.post_content a {
color: #006699;
}

 
.comments-template{
margin: 10px 0 0 0;
}
 
.comments-template ol{
margin: 10px;
padding: 0 0 0 15px;
list-style: none;
}
 
.comments-template ol p{
font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
font-size: 0.9em;
}
 
.comments-template ol li{
margin: 10px 0 0 0;
line-height: 15px;
padding: 0 0 10px;
}
 
.comments-template h2, .comments-template h3{
font-size: 1.2em;
}
 
.commentmetadata{
font-size: 0.9em;
}
 
.comments-template p.nocomments{
padding: 0;
}
 
.comments-template textarea{
font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
font-size: 0.9em;
}
 
.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
 
.LireAussi{
border-top: 1px solid #ccc;
}

.sidebar {
float: right;
width: 165px;
text-align : center;

}

.sidebar a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px;
}

.sidebar h2 {
font-size: 1.2em;
}

.sidebar .top-10

.postmetadata {
font-size: 0.8em;
color: #999;
}

.post_content {
font-size: 1em;
color: #555;
}

.post_content :hover {
color: #006699;
}

.post_content img{
margin-right : 10px;
text-align : center;
margin-bottom : 10px;
}

a {
color: #555;
text-decoration: none;
}

a:hover {
color: #777;
text-decoration: underline;
}

#footer {
font-size: 1em;
background:#cccccc;
padding: 10px 0px 0 0;
clear: both;
width: 100%;
}

#footer p{
text-align: right;
font-size: 1em;
padding: 0 10px 20px 0;
}

.pub-bas-page{
text-align : center;
clear : both;
margin-top : 10px;
}


/* nav bar */

#nav2 {
    background:#777;
    font-size:1.1em;
}

#nav2, #nav2 ul {
	list-style: none;
	line-height: 1;
}

#nav2 a ,#nav2 a:hover{
	display: block;
	text-decoration: none;
	border:none;
}

#nav2 li {
	float: left;
	list-style:none;
	border-right:1px solid #a9a9a9;
	margin-left: 0;	
	padding: 0;
}

#nav2 a,#nav2 a:visited {
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:6px 12px;
}

#nav2 a:hover, #nav2 a:active
{
	background:#000;
	text-decoration:none
}	

/* Dropdown Menu */
#nav2 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #a9a9a9;
	margin-left: 0;	
	padding: 0;
}

#nav2 li li {
	width: 172px;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	background: #777;
	margin-left: 0;	
	padding: 0;
}

#nav2 li li a,#nav2 li li a:visited{
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
}

#nav2 li li a:hover,#nav2 li li a:active{
	background:#000;
}	

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul{
	left: auto;
}

a.main:hover{
    background:none;
}
/*2 eme nav bar */

.current-nav{
margin-top : 20px;
padding-bottom : 0px;
background : black;
}
.current-nav  li,.current-nav  li a   {
display : inline;
margin-right : 20px;
padding-bottom : 0px;
}

.current-nav  li a {
display : inline;
margin-right : 20px;
padding-bottom : 0px;
color : white;
}

/**Fiche formation **/
#Fiche-Formation{
float : left;
width : 524px;
text-align : center;
}

.page-formation{
width : 1024px;
}

#formation-gauche{
width : 250px;
float : left;
color : red;
}

#formation-droite{
width : 250px;
color : red;
float : right;
text-align : right;
}

/** Résultat formation **/
.page-resultat-formation{
width : 1024px;
}

.haut-de-page{
width : 1020px;
}

.haut-gauche{
width : 700px;
float : left;
border : solid 2px #99ccff;
-moz-border-radius : 5px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-border-radius : 5px;
-webkit-box-shadow: 5px 5px 5px #888;
}

.haut-droite{
width : 300px;
float : right;
}

#gauche_resultats{
clear : both;
width : 170px;
float : left;
color : red;
}

#formations{
float : left;
width : 770px;
text-align : center;
}

.resultat-droite-pub{
width : 160px;
height : 200px;
background : #cccccc;
float : right;
}

#offres{
float : left;
width : 600px;
text-align : center;
}

#offres .pub-resultat{
margin-bottom : 30px;
}

#formations .pub-resultat{
margin-bottom : 30px;
}

.elem-lst-offre{
border : solid 2px #99ccff;
margin-bottom : 30px;
text-align : center;
/*padding : 5px 5px 5px 0px;*/
-moz-border-radius : 5px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-border-radius : 5px;
-webkit-box-shadow: 5px 5px 5px #888;
border-left : none;
padding: 5px 5px 20px 20px;
background : url('http://www.alternance-en-region.com/wp-content/themes/CreationTheme/images/bloc-contenu-bg.gif') repeat-y;
}

.elem-lst-offre h3.titre{
font-size : 1.6em;
text-align : left;
padding : 5px 0px 5px 5px;
font-weight : bold;
}

.elem-lst-offre h4 {
display : inline;
}

.elem-lst-offre h4 .titre-table{
font-size : 1.1em;
display : inline;
}

.elem-lst-offre table{
width : 600pxpx;
}

.elem-lst-offre table .gauche{
text-align : left;
width : 50%;
}
.elem-lst-offre table .droite{
text-align : right;
width : 50%;
}

.elem-lst-offre .text-offre{
text-align : left;
padding-left : 10px;
}

.elem-lst-offre .text-offre a{
color : #000000;
}

.nouvelle-rech{

border : 1px solid #FFFFFF;
font-size : 1.7em;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
text-align : center;
color : #FFFFFF;
}

.nouvelle-rech a{
color : #FFFFFF;
background : #99ccff;
}

.nouvelle-rech a:hover{
color : #99ccff;
background : #FFFFFF;
}



/******CSS PAGE Recherche Offres*******/

.haut-de-page{
width : 1020px;
}



.haut-gauche-offres{
width : 530px;
float : left;
text-align : center;
}

.haut-gauche-offres-part-2{
border : solid 2px #99ccff;
-moz-border-radius : 5px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-border-radius : 5px;
-webkit-box-shadow: 5px 5px 5px #888;
}

.haut-pub-gauche-offres{
width : 150px;
float : left;
text-align : center;
margin-top : 20px;
}


.haut-droite{
width : 300px;
float : right;
}

.main{
clear : both;
width : 1020px;
}

.main-gauche{
float : left;
width : 160px;
height : 650px;
}

.main-droite{
float : right;
width : 160px;
}

.main-center{
width : 695px;
float : left;
text-align : center;
border : solid 2px #99ccff;
-moz-border-radius : 5px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-border-radius : 5px;
-webkit-box-shadow: 5px 5px 5px #888;
margin-bottom : 20px;
}

.bas-de-page{
clear : both;
}
/***Fin css recher offres***/

/*** resultat Recherche ***/
.resultat-recherche .main-center{
width : 850;
}

.resultat-recherche .main-gauche{
/*padding-right : 20px;*/
}

.img-offres{
padding-top : 10px;
}
/*** ***/


.storytitle a {
font-size : 1.6em;
}

/** Page region **/

.top-articles{
width : 1024px;
float:left;
height : 263px;
margin-bottom : 20px;
background-color : #393737;
}

/** Fin page region **/


/** 
 * Slideshow style rules.
 */
#slideshow {

	margin:0 auto;
	width:660px;
	height:263px;
	background-color : #393737;
	background:transparent url(/slideshow-admin/img/bg_slideshow.jpg) no-repeat 0 0 #393737;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
  background:transparent url(/slideshow-admin/img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(/slideshow-admin/img/control_right.jpg) no-repeat 0 0;
}

#pub-slider{
float : right;
width : 360px;
height : 250px;
text-align : center;
margin-top : 5px;
}


/** 
 * Style rules for Demo page
 */
#pageContainer  {
  width: 660px;
  float : left;
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}
#pageContainer a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
#pageContainer a:hover {
  text-decoration:underline;
}


.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}

/** Pub google **/
.google-60{
margin-bottom : 20px;
}

/** Contenue formations **/
.contenu-formations{
border-bottom : 1px solid #000000;
margin : 0 0 10px 0;
}

.bloc-annonce-lien-client-form{
clear : both;
margin : 10px 5px 2px 5px; 



}
.bloc-annonce-lien-client-form a{
color : #990000;
border : 1px solid #990000;
background-color : #F1DFE3;
padding : 0 60px 0 60px;
font-size : 1em;
font-weight : bold;
}

.titre-formation a{
color : #990000;
}


.desc-formation{
text-align :left;
}
#haut-formation{
width : 1024px;
}

#haut-formation-gauche{
width : 160px;
float : left;
text-align:center;
margin-top : 20px;
}

#haut-formation-milieu{
width : 536px;
float : left;
text-align : center;
}

#haut-formation-droite{
width : 300px;
float : right;
}

#bilan-rech-formation{
border : 1px solid #cccccc;
}