@font-face {
    font-family: 'Miso';
    src: url('../fonts/miso-regular-webfont.eot');
    src: url('../fonts/miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miso-regular-webfont.woff') format('woff'),
         url('../fonts/miso-regular-webfont.ttf') format('truetype'),
         url('../fonts/miso-regular-webfont.svg#Miso') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************* PAGELAYOUT **************/

h2
{
	color:#004FA3;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:1px solid #cccccc;
	font-weight:normal;
	
}
h2 b, h3 b
{
	font-weight:normal;
}
h3
{
	color:#004FA3;
	font-weight:normal;
	
}

#header {
    width: 960px;
    margin: 0 auto;
    position: relative;
    font-family: Trebuchet MS;
    height: 74px;
    z-index: 2;
}

#logo {
    position: relative;
    left: 0;
    top: 9px;
}

#toolbar {
    text-align: right;
    position: absolute;
    right: 0;
    top: 16px;
    padding-right: 13em;
}

#toolbar ul li {
    margin: 0 1px;
    padding: 0px;
    display: inline;
}

#toolbar form {
    position: absolute;
    right: 0px;
    top: 10px;
}

input.searchtext {
    background: right url('../images/icon-search.png') no-repeat;
}

#menutop-background
{
    width: 100%;
    text-align: center;
    min-width: 960px;
    height: 64px;
    background: #41444e repeat-x url( '../images/bg-top-menu-background.png' ) left bottom;
    padding-bottom: 14px;
    margin: 0 0 6px;
}

#menutop-overall
{
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 960px;
    display: table;
}

#menutop {
    display: table-row;
}

#menutop > li {
    min-width: 122px;
    display: table-cell;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    list-style: none;
}

#menutop > li > div
{
    position: relative;
    text-align: center;
    width: 100%;
    height: 74px;
}

#menutop > li > div > a
{
    padding: 0 18px;
}

#menutop > li.currentfp > div
{
    position: static;
}

#menutop li > div > a,
#menutop li > div > span
{
    display: block;
    color: #ffffff;
    height: 64px;
    line-height: 64px;
    background: #41444e repeat-x 0 61px url( '../images/bg-top-menu.png') local;
}

#menutop li > div > a > span:before,
#menutop li > div > span > span:before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 64px;
    width: 1px;
    background: no-repeat left center url( '../images/sep-top-menu2.png' );
}

#menutop li:first-child > div > a > span:before,
#menutop li:first-child > div > span > span:before
{
    background: none;
}

#menutop li > div > a > span,
#menutop li > div > span > span
{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}


#menutop > li.firstli > div {
    background: none;
}

#menutop li.currentfp {
    position: static;
}

#menutop li.currentfp div.submenu {
    left: 0px;
    top: 73px;
    width: 962px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

#menutop li a:hover,#menutop li a.selected {
    background-color: #2c2f36;
    cursor: pointer;
}

#menutop li div.submenu {
    line-height: normal;
    text-align: left;
    display: none;
    position: absolute;
    top: 73px;
    left: -15px;
    border: 1px solid #c7c7c7;
    background-color: #FFFFFF;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 12px 15px;
    width: 225px;
}

#menutop li div.submenu a {
    display: inline;
    color: #888888;
    padding: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    font-size: 1em;
}

#menutop li div.submenu a:hover {
    color: #888888;
    background: none;
    text-decoration: underline;
}

#menutop li div.submenu li {
    list-style: none;
    display: list-item;
    float: none;
    text-transform: none;
    color: #888888;
    padding: 0px 0px 0px 10px;
    background: no-repeat left url( '../images/puc-submenu.gif' );
}

#menutop li div.submenu table
{
    margin: 10px 0px;
}

#menutop li div.submenu table td
{
    padding: 0px  10px 0px 0px;
    width: 255px;
    overflow-y: visible;
}

#menutop li div.submenu table td.first
{
    border: 0;
}

#menutop li div.submenu table td div
{
    margin: -20px 0px;
    padding: 10px 0px;
}

#menutop li div.submenu table td h3 
{
    text-transform: none;
    color: #004489;
    position: relative;
    font-size: 1.167em;
    margin-bottom: 20px;
    width: 185px;
}

#menutop li div.submenu table h3 img
{
    margin-right: 12px;
    float: left;
}

#menutop li div.submenu table td h3 a, #menutop li div.submenu table td h3 a:hover 
{
    color: #004489;
}

#menutop li div.submenu table td ul
{
    margin-top: -10px;
    margin-bottom: 20px;
}

#menutop li div.submenu table td li
{
    padding: 0px 0px 0px 10px;
	line-height:0.95em;
}

#banner {
    min-height: 268px;
    background-position: right center;
    background-repeat: no-repeat;
}

#banner.title {
    min-height: 0px;
    font-family: Miso, Verdana, Arial, sans-serif;
    padding: 10px 25px 6px;
    border-bottom: 1px dashed #b1b1b1;
}

#banner.title h1 {
    color: #333333;
    font-size: 1.333em;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    font-family: Miso, Verdana, Arial, sans-serif;
}

#banner.title h2 {
    color: #333333;
    font-size: 3.167em;
    font-weight: bold;
    text-transform: uppercase;
    margin: -6px 0px 0px -3px;
    padding: 0px;
    border-bottom: 0px;
    font-family: Miso, Verdana, Arial, sans-serif;
}

#banner .menuleft {
    width: 240px;
    border: 3px solid #ccc;
    background: #fff;
    height: 100%;
    min-height: 262px;
}

#banner .menuleft h4 {
    padding: 10px 5px;
    background-color: #f5f5f5;
    border-bottom: 3px solid #ededed;
    text-align: center;
    color: #004489;
    font-family: Miso, Verdana, Arial, sans-serif;
    font-size: 1.917em;
    font-weight: bold;
    text-transform: uppercase;
}

#banner .menuleft ul {
    margin: 0 5px;
}

#banner .menuleft li {
    border-bottom: 1px solid #eee;
    padding: 5px 5px 5px 20px;
    color: #888888;
    margin: 0;
    background: url( '../images/list-rarrow.png' ) 5px 7px no-repeat; 
}

#banner .menuleft li a
{
    color: #888888;
}

#banner .menuleft li:hover,#banner .menuleft li.current {
    background-color: #000;
    background-image: url( '../images/list-rarrow_white.png' );
    color: #fff;
}

#banner .menuleft li:hover a,#banner .menuleft li.current a
{
    color: #ffffff;
}

#banner .menuleft a {
    color: #aaa;
}

#columns-position {
    background: #ffffff url( '../images/degrade.jpg' ) top right repeat-y; 	
	position: relative;
	z-index: 1;
}

.floating-wt #columns-position {
    z-index: 2;
}

#main-position {
}
div#page {
	
}
div.body, div.content-view-full
{
	/* stef 18 janvier*/
	margin-right: 10px;
    
}
div#main {
    margin-top: 10px;
	background: #ffffff;
    
}
div.extrainfo-column
{
	padding-left:10px;
}
div#extrainfo-position, div.extrainfo-column-position
{
	background: #ffffff url( '../images/degrade2.jpg' ) top right repeat-y; 	
    
}
.submenutable td ul {
    margin: 0;
}

.submenuli a {
    color: #000;
}

.line-job div {
    margin-right: 15px;
}




#footer ul {
    float: right;
}

#footer ul li {
    display: inline;
    text-transform: uppercase;
	padding-left:10px;
	padding-right:5px;
}

#promo_footer {
    padding: 1em 0;
    margin: 0;
    
}

ul li
{
    background-image: url(../images/puc-submenu.gif);
}

div.content-view-full table td ul,div.body table td ul
{
	margin-left:0px;
}

.ucase
{
	text-transform:uppercase;
}
#fb {
    background: #00f;
}

.class-homepage .bloc {
    float: left;
    padding-bottom: 7px;
    background: bottom center url('../images/bg-frontpage-block.png')
        no-repeat;
    margin: 0 20px 0 0;
    font-weight: normal;
}

.class-homepage div.date {
    display: none;
}

.bloc.last {
    float: right;
    margin-right: 0px;
}

.partenaire {
    background: top left url('../images/bg-promo-left.png') no-repeat;
    height: 140px;
    padding-left: 7px;
    width: 220px;
}

.bloc-bottom-left {
    background: top left url('../images/bg-promo-left.png') no-repeat;
    height: 140px;
    padding-left: 5px;
}

.bloc-bottom-left.small
{
    width: 220px;
    margin-left: 17px
}

#promo_footer.extended .bloc-bottom-left.normal
{
    width: 220px;
    height: 130px;
    overflow: hidden;
}


.bloc-bottom-left.normal {
    width: 300px;
    margin-right: 15px;
}

.bloc-bottom-left .content-view-embed {
    background: top right url('../images/bg-promo-right.png') no-repeat;
    height: 100%;
    padding: 5px 5px 0 0;
    overflow: hidden;
}

.partenaire-content {
    background: top right url('../images/bg-promo-right.png') no-repeat;
    height: 100%;
    padding: 5px;
    overflow: hidden;
}

div.partenaire-content h2
{
    border: 0px;
    margin: 13px 19px 7px;
}


.carousel ul li {
    margin: 0 20px;
    padding: 0px;
    display: inline;
}

div.attribute-header
{
	border-bottom: 1px dotted #777777;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-right:10px;
}
div.attribute-header h1
{
	font-size:1.2em;
	padding-bottom: 0;
    padding-top:0px;
    font-size: 1.3em;
    font-weight: normal;
    color: #e53139;
    margin-bottom: 0;
}


div.content-view-full
{
	margin-top:10px;
}


/******** TABLEAU ECF / EZXMLTAG DATATYPE *****/
table.ecf td:last-child {
    width: 100%;
}

table.ecf td.td-image {
    width: 200px;
}

/********* TROUVEZ VOTRE CENTRE ************/
#formSearchAgence h3
{
	color: #666666;
	padding-bottom:10px;
	font-weight:bold;
}
#formSearchAgence label.textblue
{
	text-transform:uppercase;
	color:#004FA3;
}
#formSearchAgence label.textred
{
	text-transform:uppercase;
	color:#E53139;
}
#full-agences-left-part
{
	width: 495px;
    
}
.local-block
{
	border:1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
	padding: 10px;
	margin-bottom:10px;
	font-size:0.95em;
	
}
.local-block p
{
	line-height:0.85em;
}

#local-region
{
    width: 450px;
    color: #333333;
	padding-left: 10px;
	font-size: 1.1em;
}

#full-map #formSearchAgence {
    /*
	border: 3px solid #ebebeb;
    background-color: #f9f9f9;
    */
    margin-bottom: 10px ;
	height:350px;
}

#formationDa,#formationList {
    display: none;
}

#formSearchAgence label {
    color: #666;
	margin-bottom:10px;
}
#formSearchAgence p.range label {
    padding-top:5px;
	height: 15px;
}
#formSearchAgence select 
{
    border: 2px solid #EBEBEB;
    border-radius: 5px 5px 5px 5px;
    padding: 3px;
    width: 467px;
	font-size: 1.1em;
	color:#333333;
	margin-bottom: 4px;
}


.local-block div {
    margin-top: 10px;
/*     float: left; */
/*     width: 50%; */
}

.local-block div.break
{
    margin: 0;
    width: auto;
    float: none;
}

.local-block div select,.local-block div input {
    margin-top: 10px;
}

#full-agences-right-part .bubble-content {
    display: none;
}


#overmap_canvas .bubble-content {
    display: block;
    padding-bottom: 15px;
}

#overmap_canvas .gm-style div
{
    font-size: 12px;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}

.local-results {
    border-top: 1px dashed #CCCCCC;
    margin-top: 10px;
	padding-top:10px;
    position: relative;
    width: 960px;
}
.local-results div.agence {
    float: left;
	margin-right:25px;
    margin-bottom: 10px;
    width: 430px;
	border: 1px solid #CCCCCC;
	clear:none;
	padding:10px;
	height:100px;
    position: relative;
}

.local-results div.agence td
{
    vertical-align: top;
    height: 90px;
}

.local-results div.agence .contact-col
{
    width: 100px;
    text-align: right;
}

.local-results div.agence .contact-col .rdv-script a
{
    margin-top: 0;
    font-size: 0.833em;
    text-align: center;
    width: 80px;
}

.local-results div.agence .contact-col .button
{
    width: 80px;
    margin-top: 0;
}

#cities
{
	width: 450px;
	font-size: 0.9em;
	height:26px;
}
#cities a
{
	color:#666666;
}

/********** MODULE RECENSEMENT / A SUPPRIMER **********/
h3.formation {
    margin-top: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #eeeeee;
}

fieldset {
    margin-top: 15px;
}

/************ MISC / COMMON *****/
.button , div.pagenavigator .previous a, a#plus,input.button.blue{
    padding: 2px 5px;
    color: #fff;
    font-weight: normal;
    font-size: 0.833em;
    border-radius: 4px;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
}

.grey , div.pagenavigator .previous,a#plus{
    background: #a2a2a2;
}

.button.grey, div.pagenavigator .previous,a#plus {
    background: #686868 repeat-x url( '../images/bg-btn-grey.gif' );
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #454545;
}
.button.blue {
    background: #686868 repeat-x url( '../images/bg-btn-blue.gif' );
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #454545;
}
ul.formation-pro li
{
	
	min-height : 20px;
	
}
ul.formation-pro div
{
    float: left;
	width:250px;
}
a.button.blue,input.button.blue
{
	padding:5px;
}
a.button.grey:hover,a.button.blue:hover, div.pagenavigator .previous a:hover,a:hover#plus,input.button.blue
{
    color: #ffffff;
    text-shadow: 0px 1px 0px #000000;
}


div.content-view-children .class-article-subpage .button.grey
{
	float:right;
	margin-top:10px;
	margin-right:10px;
	
}
a#plus
{
	float:right;
	margin-top:-40px;
	margin-right:10px;
	
}
form#formSearchAgence input.button.grey {
    border: 0px;
    color: #ffffff;
    text-shadow: 0 0 0;
	float:right;
	font-size:1em;
	padding:5px;
}

.red {
    background: #f00;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.hide {
    display: none;
}

.first {
    margin-left: 0px;
}

.last {
    margin-right: 0px;
}

a.rss-ico {
    margin: 0px 5px 0px 0px;
    position: relative;
    top: 3px;
}
/********** offre-emplois **********/
div.offre-emplois h2
{
	border-bottom:none;
}
div.offre-emplois table
{
	border-collapse : collapse; 
	margin-bottom:20px;
	margin-bottom:20px;
}
div.offre-emplois th
{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-top:5px;
	padding-bottom:5px;
	
}

div.offre-emplois td, div.offre-emplois th
{
	padding: 5px 10px;
}

div.offre-emplois td.job-date
{
    padding-left: 0px;
}

div.offre-emplois td.job-link
{
    padding-right: 0px;
}

div.offre-emplois tr.alt td
{
    background: #dddddd;
}

div.jobchamp
{
	clear:left;
	padding-bottom: 15px;
}
div.infochamp
{
	
}
div.titrechamp
{
	color:#004FA3;
	border-bottom:1px solid #cccccc;
	font-weight:normal;
	display:left;
	width:250px;
	font-size: 1.1em;
	margin-right: 15px;
	
}
div.postuler
{
	background: top left url('../images/shadow.png') no-repeat;
    padding-left: 35px;
	float:right;
   width:250px;
	height:125px;
}
/********** MODULE ACTUALIT� **********/
div.line-news
{
	padding-bottom:10px;
}
.line-news p
{
	padding-left:5px;

}
.news-image {
    margin: 5px 10px 5px 0;
}

.line-news div.date {
    color: #666666;
    font-size: 0.75em;
    font-weight: normal;
	margin-left:2px;
}
.line-news .div.date
{
	display:inline;
}
.actualite-slide .line-news .div.date
{
	display:block;
}
.news-header {
    border-bottom: 1px solid #dcdcdc;
	margin-top:10px;
	margin-bottom:5px;
}

.content .news-header {
 	margin-top:0px;
}
h3.news-gp {
    background: top left url('../images/ico-news-gp.png') no-repeat;
    padding-left: 45px;
    height: 35px;
}

h3.news-pro {
    background: top left url('../images/ico-news-pro.png') no-repeat;
    padding-left: 38px;
    height: 35px;
}

div#actualite-slide
{
    position: relative;
    background: #f9f9f9; 
    border:4px solid #c4e7f6; 
    height:161px; 
    //width: 362px;
    overflow: hidden;
}
.bloc.left .news-pro .date
{
	display:none;
}
div#actualite-slide .news-image
{
	display:none;
}
div.class-frontpage .news-header
{
	padding-left: 5px;
}
div.class-frontpage .line-news p
{
		display:none;
}

div.actualite-slide-pro .line-news p
{
		display:block;
		padding-top:5px;
		
}
div.class-homepage .line-news p
{
		padding-top:5px;
}
div#actualite-slide .news-header,div#actualite-slide .line-news 
{
		margin-bottom:0px;
}
div#actualite-slide table
{
    position: absolute;
    top: 0px;
    left: 0px;
}

div.content div#actualite-slide span.date
{
    display: none;
}

div#actualite-slide table td
{
    vertical-align: top;
}

div#actualite-slide td div.content
{
    padding:10px;
    width: 342px;
}

div#actualite-slide div.navigation
{
    width: 362px;
    text-align: center;
    position: absolute;
    bottom: 16px;
    left: 0px;
}

div#actualite-slide div.navigation a
{
    margin: 0px 2px;
}

div.separator-design
{
    height: 10px;
}



/********** TROUVER UNE FORMATION ***********/
#formSearchTraining {
    background-color: #f9f9f9;
    height: 130px;
}

#formSearchTraining label {
    color: #92b0bb;
    font-weight: bold;
}

table.SearchTraining
{
	border: 3px solid #92b0bb;
	margin-bottom:10px;
}

.SearchTraining select
{
	width:150px;
}
#formSearchTraining .button, #formSearchTraining2 .button, #formSearchTraining3 .button
{
	margin-top:10px;
	
}
#formSearchTraining, #formSearchTraining2, #formSearchTraining3 {
    background-color: #f9f9f9;
    padding: 10px;
    height: 130px;
}

#formSearchTraining label, #formSearchTraining2 label, #formSearchTraining3 label {
    color: #2d6a7f;
    font-weight: bold;
	padding-bottom:5px;
}

/********** listes agences ***********/
div.local-results h4
{
	margin-bottom:15px;
	
}
div.agence h5
{
	font-size:0.9em;
	font-style:underline;
	margin-bottom:2px;
}
div.agence 
{
	clear:left;
	margin-bottom:10px;
}
div.agence table
{
    width: 100%;
}

div.agence table td.image
{
    width: 85px;
}

div.agence .address
{
	font-size:0.9em;
	
}
div.agence .button
{
	float:right;
	margin-bottom: 4px;
	clear: right;
}

div.agence .button.red-button
{
    margin-left: 10px;
}

div.agence img
{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	
}
div.full-npp-agences div.agence img
{
	width:120px;
	margin-bottom:40px;
}

.full-npp-agences .contact-bar
{
    clear: both;
}

.class-agence table
{
    width: 100%;
}

.class-agence td
{
    vertical-align: top;
}

.class-agence td.image_agence
{
    width: 200px;
}

.class-agence .light-grey-button,
.class-agence .red-button
{
    margin-top: 0px;
}

/********** Fiche agence***********/
div.class-agence .address
{
	padding-bottom:5px;
}
div.class-agence img
{
	margin-right:15px;
}
div.class-agence .content-view-children
{
	padding-top:15px;
}
div.class-agence .content-view-children h3
{
	font-weight:normal;
	color:#666666;
	margin-bottom:10px;
}
div.info-agence
{
	float:right;
	margin-left:15px;
	width:480px;
}
div.image_agence
{
	min-height:150px;

}

div.right-banner
{
    margin-top: 17px;
    text-align: center;
}

.ezcca-edit-catalog_item div.right-banner
{
    margin-top: 0px;
    vertical-align: top;
    text-align: left;
    display: inline-block;
}

.ezcca-edit-catalog_item li
{
    list-style: none;
    background: none;
}

.ezcca-edit-catalog_item table td
{
    padding: 10px;
    vertical-align: top;
}

div.partner-box
{
    position: relative;
    width: 200px;
    height: 160px;
    margin: 0px auto;
}

div.partner-box img
{
    position: absolute;
}


/*********** Partenaires *******/
table.partner-list .logo
{
	padding-right:15px;
}

/*********** worktype *******/
div.line-worktype
{
	border-bottom: 1px solid #dcdcdc;
    padding-bottom:0px;
    margin-bottom:10px;
}	
div.intro-worktype
{
	width:550px;
	min-height: 15px;
}
div.line-worktype a.button
{
	float:right;
	margin-right:10px;
}


/********** references *******/
table.reference-list
{
	border-collapse : collapse; 
	width:100%;
}
table.reference-list td
{
	border-bottom: 1px solid #dcdcdc;
    padding-bottom:5px;
    padding-top:10px;
	text-align:left;
	padding-right:15px;
}
table.reference-list td.logo
{
	width:100px;
}

div#right-map
{
    width: 212px;
    margin: 15px auto 0px;
    text-align: center;
}

div.right-partner
{
    margin: 11px;
}

div#right-map div.title, div.right-partner h4
{
    font-size: 0.917em;
    text-transform: uppercase;
    font-weight: bold;
    color: #666666;
    text-align: left;
    margin-bottom: 8px;
}
div#right-map div.formation
{
	color: #004FA3;
	text-align: left;
	margin-bottom:7px;
}

div#right-map img
{
    margin-top: 8px;
    border: 4px solid #ebebeb;
}

div#right-map input.input-text
{
    width: 115px;
    font-size: 0.833em;
    padding: 5px 22px 5px 8px;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #ffffff no-repeat 125px center url( '../images/icon-search.png' );
    margin: 0px;
    float: left;
    color: #999999;
}

div#right-map input.button
{
    background: repeat-x #686868 url( '../images/bg-btn-right-map.png' );
    font-size: 0.9em;
    font-weight: bold;
    color: #ffffff;
    width: 58px;
    text-align: center;
    border: 0;
    text-transform: uppercase;
    float: right;
    padding: 5px 0px;
}

form#formSearchTraining select.sub-domain
{
    display: none;
}

form#formSearchTraining select.sub-domain.visible
{
   display: block;
}

p#share-box
{
    float: right;
}

div.embeded-youtube
{
    margin: 10px 0px;
    text-align: center;
}

div.full-survey
{
    width: 680px;
}

div.full-survey table td.image
{
    vertical-align: top;
    padding-right: 10px;
}

div#map-loading, div#map-ajax
{
    display: none;
    clear: left;
}

div#map-ajax
{
    /*stef 15 fevrier
	width: 500px;
    height: 480px;
    clear: both;
	*/
	width: 450px;
	height: 320px;
    background: #e5e3df;
}

div.bubble-content-overall
{
    display: none;
}

a#map-close
{
	display: none;
}

.class-blog hr
{
    clear:both;
    border-top: 0px;
    border-bottom: 1px #DCDCDC dashed;
    padding-top: 15px;
    margin-bottom: 15px;
}

.class-blog div.line-news
{
    padding-bottom: 0px;
}

div#right-marguerite
{
    padding-top: 15px;
}

div#right-marguerite h4
{
    color: #00735a;
    font-size: 1.833em;
    font-family: Miso, Verdana, Arial, sans-serif;
    margin-bottom: 10px;
}

div#right-marguerite div.element
{
    margin-bottom: 15px;
}

div#right-marguerite a.embed-inline-marguerite_category
{
    display: block;
}

div#right-marguerite input.box
{
    padding: 3px 20px 3px 6px;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    width: 124px;
    background: no-repeat url( '../images/ico-search.gif' ) right center;
}

div#right-marguerite input.button
{
    background: repeat-x #6b6b6b url( '../images/bg-btn-grey.gif' );
    color: #ffffff;
    font-weight: bold;
    margin-top: -1px;
    text-transform: uppercase;
}    


div#right-marguerite div#marguerite-menu table
{
    border-top: 1px solid #cccccc;
    width: 100%;   
}

div#right-marguerite div#marguerite-menu table td
{
    height: 45px;
    vertical-align: middle;
    border-bottom: 1px solid #cccccc;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    line-height: 1.1em;
}

div#right-marguerite div#marguerite-menu table td a
{
    color: #666666;
}

div#right-marguerite div#marguerite-menu table td a:hover
{
    text-decoration: underline;
}

div#right-marguerite div#marguerite-menu table td.picto
{
    width: 55px;
    text-align: center;
}

div#full-folder_marguerite, div#full-marguerite_article, div#full-marguerite_category
{
    width: 706px;
}

div#full-folder_marguerite div.intro_image, div#full-marguerite_category div.intro_image
{
    float: right; 
    margin: 0px 0px 15px 15px;
}

div#full-folder_marguerite div.more, div#full-marguerite_article div.more, div#full-marguerite_category div.more
{
    text-align: right;
    clear: both;
}

div#full-folder_marguerite div.more a.button.grey, div#full-marguerite_article div.more a.button.grey, div#full-marguerite_category div.more a.button.grey
{
    text-shadow: 0 0 0;
    font-size: 1em;
    text-transform: lowercase;
    padding: 4px 12px;
}

div#full-folder_marguerite h2.marguerite-title, div#full-marguerite_article h2.marguerite-title, div#full-marguerite_category h2.marguerite-title
{
    font-family: Miso, Verdana, Arial, sans-serif;
    border: 0;
    color: #555555;
    font-size: 3em;
    margin-bottom: 5px;
}

div.embed-marguerite_article
{
    margin-bottom: 20px;
}

div.marguerite_category-header
{
    border-bottom: 1px solid;
    padding: 0px;
    height: 30px;
}

div.marguerite_category-header a
{
    float: left;
}

div.marguerite_category-header div.date
{
    margin-top: 8px;
    float: right;
}

div.marguerite_category-header p#share-box
{
    margin-top: 8px;
    margin-left: 20px;
}

div#full-marguerite-search
{
    width: 700px;
    float: left;
}

div#full-marguerite-collectedinfo-form
{
    width: 700px;
    float: left;
}

div#marguerite-right-menu
{
    width: 240px;
    float: right;
}

div#full-marguerite-search h2.seartch-title
{
    color: #555555;
    font-size: 1.167em;
    border-bottom: 1px solid #01735a;
    margin-bottom: 0px;
}

div#full-marguerite-search h2.seartch-title span.searched-text
{
    color: #348f7b;
}

div#full-marguerite-search div.element 
{
    clear: both;
    border-top: 1px solid #dddddd;
    padding: 18px 45px;
}

div#full-marguerite-search div.element.first
{
    border-top: 0;
}

div#full-marguerite-search div.element a.title
{
    color: #444444;
    font-family: Miso, Verdana, Arial, sans-serif;
    font-size: 2em;
}

div#full-marguerite-search div.element div.picto
{
    float: left;
    margin-left: -34px;
}

div#full-marguerite-search div.element div.detail
{
    float: right;
    margin-right: -45px;
}


div#full-marguerite-search div.element div.detail a
{
    display: block;
    background: #686868 repeat-x url( '../images/bg-btn-blue.gif' );
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #454545;
    border-radius: 4px;
    padding: 2px 5px;
    color: #fff;
    font-weight: normal;
    font-size: 0.833em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 4px;
}

div.embed-marguerite-feedback_form
{
    width: 466px;
    border-top: 1px solid #555555;
}

div.embed-marguerite-feedback_form h4
{
    font-family: Miso, Verdana, Arial, sans-serif;
    color: #444444;
    font-size: 1.833em;
    padding: 0px 0px 0px 16px;
    font-weight: normal;
    margin: 10px 0px 0px;
}

div.embed-marguerite-feedback_form div.body
{
    padding: 0px 0px 0px 16px;    
}

div.embed-marguerite-feedback_form textarea
{
    border: 1px solid #888888;
    height: 95px;
}

div.embed-marguerite-feedback_form input.button
{
    float: right;
    color: #ffffff;
    text-transform: lowercase;
}

div.error-message
{
    color: red;
	width:550px
}

div.error-message img
{
    vertical-align: middle;
}

a.red-button
{
    background: none repeat scroll 0 0 #F40000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin-top: 7px;
    padding: 5px;
    text-align: center;    
}

a.light-grey-button
{
    background: none repeat scroll 0 0 #a9a9a9;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin-top: 7px;
    padding: 5px;
    text-align: center;    
}

.bubble-content a.light-grey-button
{
    margin-left: 5px;
}

.min
{
    font-size: 0.8em;
}



div.class-blog-post div.date
{
    font-size: 0.8em;
    float: left;
}

div.class-blog-post div.attribute-header
{
    padding-bottom: 20px;
}

table.content td
{
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.job-link .button
{
    display: inline-block;
    white-space: nowrap;
}

div.main.right, div.line-agence, div.line-agence div.content, div.line-agence div.content table
{
    position: relative;
}


ul.ui-autocomplete li
{
    list-style: none;
    text-align: left;
    background: none;
}

/******* FACEBOOK MARGUERITE ********/
div#page.facebook_marguerite, div#page.facebook_marguerite #full-marguerite_category,div#page.facebook_marguerite #full-folder_marguerite, div#page.facebook_marguerite #full-marguerite_article
{
	width:520px;
}

div#page.facebook_marguerite #full-marguerite_article #share-box
{
	display:none;
}

div#page.facebook_marguerite td.picto
{
	padding:5px;
}
div#page.facebook_marguerite div.cat-facebook
{
	width : 160px;
	float:none;
}

div#page.facebook_marguerite a.logo_fb
{
	width: 810px;
	height: 225px;
	display: block;
	
}

div#marguerite-menu-facebook
{   
   margin:30px 20px 0 0;
   float: left;
   width : 175px;
}

div.formation-body .formation-normee
{
    float: right;
    font-size: 0.9em;
    color: #888888;
    font-style: italic;
}

#image-legend
{
    text-align: center;
}

#full-contact_form_agence strong.required,
#full-contact_form_agence2 strong.required
{
    display: none;
    padding-left: 5px;
    color: red;
}

#full-contact_form_agence .required strong.required,
#full-contact_form_agence .info strong.required,
#full-contact_form_agence2 .required strong.required,
#full-contact_form_agence2 .info strong.required
{
    display: inline;
}

#full-contact_form_agence .info strong.required,
#full-contact_form_agence2 .info strong.required
{
    padding-left: 0px;
    padding-right: 5px;
}

#full-contact_form_agence .choice,
#full-contact_form_agence2 .choice
{
    float: left;
    margin-right: 10px;
}

#questions, .question
{
    clear: left;
}

.video_folder-body, .gallery_folder-body 
{
    padding: 20px 10px 20px 0px;
}

body div#page.facebook_marguerite
{
	width: 800px;
	margin:0;
	padding:0;	
}

body div.facebook_marguerite div#main-position
{
	float: left;
	margin-top: 25px;
}


body div#page.nosidemenu div#main-position div#main.float-break div.overflow-fix div#full-marguerite_category, body div#page.nosidemenu div#main-position div#main.float-break div.overflow-fix div#full-folder_marguerite, body div.facebook_marguerite div#main-position, html body div#page.nosidemenu div#main-position div#main.float-break div.overflow-fix div#full-marguerite_article
{
	   width: 590px;
}

body div#page.nosidemenu div#marguerite-menu-facebook.element div.fb_rubriques
{
	font-family: Miso, Verdana, Arial, sans-serif;
	font-size: 1.6em;
	color: #00735a;
	margin-bottom: 10px;
}

body div#page.nosidemenu div#marguerite-menu-facebook.element div.cat-facebook
{
    width: 100%;
    border-top: 2px solid #E0E0E0;
    min-height: 45px;	
}

body div#page.nosidemenu div#marguerite-menu-facebook.element div.cat-facebook table
{
	border: none;
	width: 100%;
	padding:0;
	margin:0;	
}

body div#page.nosidemenu div#marguerite-menu-facebook.element div.cat-facebook table, body div#page.nosidemenu div#marguerite-menu-facebook.element div.cat-facebook table tr
{
	height: 45px;
}

body div#page.nosidemenu div#marguerite-menu-facebook.element div.cat-facebook td
{
	vertical-align: middle;
	padding:5px;
	border: none;
}

body div#page.nosidemenu div#marguerite-menu-facebook.element div.cat-facebook td.picto
{
	width: 25px;
} 

body div#page.nosidemenu div#marguerite-menu-facebook.element div.cat-facebook td a
{
	font-size: 0.8em;
	color: #666666;
	font-weight: bold;
	line-height: 120%;
}

body div#page.nosidemenu div#main-position div#main.float-break div.overflow-fix div#full-folder_marguerite div.embed-marguerite_article
{
	margin-bottom: 40px;
}

.content-view-full ul
{
    overflow: auto;
}

#overall-background
{
    display: none;
}

#frontpage-submenu2
{
    width: 966px;
    height: 57px;
    position: relative;
    margin: 5px 0px;
    background: no-repeat url( '../images/bg-frontpage-submenu2.png' );
    padding: 1px 0px 0px 2px;
    white-space: nowrap;
    margin-left: -2px;
}

#frontpage-submenu2 .menu-item
{
    float: left;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding: 0px 0px 0px 1px;
    height: 50px;
    background: no-repeat url( '../images/sep-frontpage-submenu2.png' );
    white-space: normal;
}

#frontpage-submenu2 .menu-item.hoverable.selected
{
    background: #01458a repeat-x url( '../images/bg-frontpage-menu2_hoverable_selected.png' );
    color: #ffffff;
}

#frontpage-submenu2 .menu-item .title 
{
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding: 0px 10px;
    vertical-align: middle;
    display: table-cell;
    font-size: 1.167em;
    line-height: 1em;
    cursor: default;
    color: #004489;
}

#frontpage-submenu2 .menu-item .title a:hover
{
    color: #004489;
}

#frontpage-submenu2 .menu-item.hoverable.selected .title, #frontpage-submenu2 .menu-item.hoverable.selected .title a
{
    color: #ffffff;
}



#frontpage-submenu2 .menu-item .title img
{
    float: left;
    margin-right: 12px;
    vertical-align: middle;
}

#frontpage-submenu2 .menu-item .submenu
{
    display: none;
    position: absolute;
    bottom: 50px;
    left: 0px;
    background: #f5f5f5;
    border: 1px solid #c7c7c7;
}

#frontpage-submenu2 .menu-item.last .submenu
{
    left: auto;
    right: 0px;
}

#frontpage-submenu2 .menu-item.selected .submenu
{
    display: block;
}

#frontpage-submenu2 .menu-item.selected .submenu ul, #frontpage-submenu2 .menu-item.selected .submenu ul li
{
    margin: 0px;
    padding: 0px;
    background: none;
}

#frontpage-submenu2 .menu-item.selected .submenu ul li
{
    width: 320px;
}

#frontpage-submenu2 .menu-item.selected .submenu ul li a
{
    border-top: 1px solid #e0e0e0;
    padding: 8px 8px 8px 28px;
    color: #888888;
    background: no-repeat url( '../images/list-rarrow.png' ) 10px center;
    font-size: 1em; 
    display: block;
}

#frontpage-submenu2 .menu-item.selected .submenu ul li:first-child a
{
    border-top: 0px;
}

#frontpage-submenu2 .menu-item.selected .submenu ul li a:hover
{
    background-image: url( '../images/list-rarrow_white.png' );
    color: #ffffff;
    background-color: #cdcccc;
}

.legal-information
{
    font-size: 0.833em;
    padding: 10px 0px;
    margin-top: 30px;
    border-top: 1px solid #cccccc;
}

.legal-information .title
{
    font-weight: bold;
}

.cadrereservationformation,
.cadrereservationformation .components,
.cadrereservationformation .components select,
.cadrereservationformation .components select option,
.cadrereservationformation .components .button{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.cadrereservationformation{
    padding: 10px;
    background-color: #0590E1;    
    margin-bottom: 10px;
    text-align: center;
}
.cadrereservationformation img{
    border: none !important;
    margin: 10px auto;
}
.cadrereservationformation .components label,
.cadrereservationformation .libelle{
    color: white;
    text-align: center;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    padding: 5px 0;
}
.cadrereservationformation .components{
    padding: 15px;
}
.cadrereservationformation .components select{
     padding: 10px 5px;
     border: 1px solid white;
}
.cadrereservationformation .components select option{
    padding: 5px;
}
.cadrereservationformation .components .button{
    font-size: 15px;
    cursor: pointer;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    display: block;
    padding: 18px;
    text-align: center;
    color: #0590E1;
    text-decoration: none;
    text-transform: uppercase;
    background-color: white;
    border: 1px solid white;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 35px;
    border-radius: 5px;
}
.cadrereservationformation .components .button:hover{
    background-color: #0590E1;
    color: white;    
}
.break{
    clear:both;
}
/* reservation de formation */
.reservation_formation,
.reservation_formation_local{

}
.reservation_formation .titresearch,
.reservation_formation_local .titresearch,
.reservation_formation .components,
.reservation_formation_local .components,
.reservation_formation .components .comp,
.reservation_formation_local .components .comp,
.reservation_formation .filtres .filtre,
.reservation_formation_local .filtres .filtre,
.reservation_formation .filtres .libelle,
.reservation_formation_local .filtres .libelle,
.reservation_formation select,
.reservation_formation_local select,
.reservation_formation select option,
.reservation_formation_local select option,
.reservation_formation_local .btngoto,
.reservation_formation .components .btnsearch,
.reservation_formation_local .components .btnsearch,
.reservation_formation .components .btnsearch span,
.reservation_formation_local .components .btnsearch span,
.reservation_formation .filtres .reinitfiltres,
.reservation_formation_local .filtres .reinitfiltres,
.reservation_formation .filtres .reinitfiltres span,
.reservation_formation_local .filtres .reinitfiltres span,
.reservation_formation .filtres .filtre button,
.reservation_formation_local .filtres .filtre button,
.reservation_formation .filtres .filtre button span,
.reservation_formation_local .filtres .filtre button span,
.reservation_formation table.lstreservations th,
.reservation_formation_local table.lstreservations th,
.reservation_formation table.lstreservations td,
.reservation_formation_local table.lstreservations td,
.reservation_formation .interact,
.reservation_formation_local .interact,
.reservation_formation .interact .preinscription,
.reservation_formation_local .interact .preinscription,
.reservation_formation .interact .retourselection,
.reservation_formation_local .interact .retourselection,
.reservation_formation .divselect,
.reservation_formation_local .divselect,
.reservation_formation .divselect .libelle,
.reservation_formation_local .divselect .libelle,
.reservation_formation .divselect .list,
.reservation_formation_local .divselect .list,                        
.reservation_formation .divselect .list .option,
.reservation_formation_local .divselect .list .option{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}

.reservation_formation .titresearch,
.reservation_formation_local .titresearch{
    background-color: #696969;
    background-image: url('../images/degrade_reservation.png');
    background-position: left top;
    background-repeat: repeat-x;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    width: 100%;
    font-weight: bold;
}
.reservation_formation .components,
.reservation_formation_local .components{
    background-color: #4E4E4E;    
    position: relative;
    display: table;    
}
.reservation_formation .components .comp,
.reservation_formation_local .components .comp{
    border-right: 1px solid #6F6F6F;
    width: 275px;
    padding: 15px 10px 15px 40px;
    background-color: #4E4E4E;
    background-position: 20px center;
    background-repeat: no-repeat;
}

.reservation_formation .components .typeformation,
.reservation_formation_local .components .typeformation{
    background-image: url('../images/auto_blanc.png');
}
.reservation_formation .components .soustypeformation,
.reservation_formation_local .components .soustypeformation{
    background-image: url('../images/formation_blanc.png');
}
.reservation_formation .components .intituleformation,
.reservation_formation_local .components .intituleformation{
    background-image: url('../images/soustype_blanc.png');
    padding: 15px 0 15px 50px;    
}
.reservation_formation .components .comp.dept,
.reservation_formation_local .components .comp.dept{
    padding: 15px 10px 15px 35px;
    background-image: url('../images/localisation_blanc.png');    
    background-repeat: no-repeat;
    background-position: 15px center;
}
.reservation_formation .components .comp select,
.reservation_formation_local .components .comp select{
    width: 100%;
    padding: 5px;
    border: 1px solid transparent;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */    
    -ms-appearance:none; /* Safari and Chrome */    
    background-image: url('../images/fleche_bas.png');
    background-repeat: no-repeat;
    background-position: 95% center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 15px 2px 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.reservation_formation .components .comp.soustypeformation{
    width: 164px;
}

.reservation_formation_local .components .comp select::-ms-expand{
    display: none;
}

.reservation_formation .components .comp.typeformation{
    width: 195px;
}

.reservation_formation .components .comp.dept{
    width: 225px;
}

.reservation_formation .components .comp select,
.reservation_formation_local .components .comp select,
.reservation_formation .components .comp select option,
.reservation_formation_local .components .comp select option{
    background-color: #4E4E4E;
    color: white;    
}

.reservation_formation .filtres .filtre,
.reservation_formation_local .filtres .filtre,
.reservation_formation .filtres .libelle,
.reservation_formation_local .filtres .libelle,
.reservation_formation .filtres .reinitfiltres,
.reservation_formation_local .filtres .reinitfiltres{
   float: left;   
}
.reservation_formation .components .comp,
.reservation_formation_local .components .comp{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    min-height: 75px;
}
.reservation_formation .components .btnsearch,
.reservation_formation_local .components .btngoto,
.reservation_formation_local .components .btnsearch{
    width: 125px;
    background-color: #E60000;
    height: 100%;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;    
}
.reservation_formation .components .btnsearch span,
.reservation_formation_local .components .btnsearch span,
.reservation_formation_local .components .btngoto span{
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    font-weight: bold;
}

.reservation_formation .filtres,
.reservation_formation_local .filtres{
    width: 100%;
    margin-top: 20px;
    background-color: #F0F0F0;
}
.reservation_formation .filtres .filtre,
.reservation_formation_local .filtres .filtre{
    padding: 10px 15px 10px 35px;
    width: 235px;    
}

.reservation_formation .filtres .filtre button,
.reservation_formation_local .filtres .filtre button{
    min-width: 100%;
}
.reservation_formation .filtres .filtre button span,
.reservation_formation_local .filtres .filtre button span{
    font-size: 12px;
    padding: 2px;
}

.reservation_formation .filtres .libelle,
.reservation_formation_local .filtres .libelle{
    padding: 10px 0;
    text-align: right;
    height: 50px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 13px;
    width: 75px;
}
.reservation_formation .filtres .libelle,
.reservation_formation_local .filtres .libelle,
.reservation_formation .filtres .filtre,
.reservation_formation_local .filtres .filtre{
    background-position: 5px 15px;
    background-repeat: no-repeat;    
}

.reservation_formation .filtres .periode,
.reservation_formation_local .filtres .periode{
    background-image: url('../images/calendrier_bleu.png');
}
.reservation_formation .filtres .departement,
.reservation_formation_local .filtres .departement{
    background-image: url('../images/localisation_bleu.png');    
}
.reservation_formation .filtres .centreformation,
.reservation_formation_local .filtres .centreformation{
    background-image: url('../images/centre_bleu.png');    
}
.reservation_formation select:focus,
.reservation_formation_local select:focus,
.reservation_formation select:active,
.reservation_formation_local select:active{
    outline: 1px solid white;
}

.reservation_formation .filtres .filtre input[type=text],
.reservation_formation_local .filtres .filtre input[type=text]
.reservation_formation .filtres .filtre button,
.reservation_formation_local .filtres .filtre button,
.reservation_formation .filtres .filtre select,
.reservation_formation_local .filtres .filtre select{
    width: 100%;
    border: 1px solid transparent;
    border-radius: 3px;
}

.reservation_formation .filtres .filtre.periode .ui-button-text,
.reservation_formation_local .filtres .filtre.periode .ui-button-text{
    background-color: #D3D3D3 !important;
    border: 1px solid #D3D3D3;
}

.reservation_formation .filtres .filtre input[type=text],
.reservation_formation_local .filtres .filtre input[type=text],
.reservation_formation .filtres .filtre button,
.reservation_formation_local .filtres .filtre button,
.reservation_formation .filtres .filtre select,
.reservation_formation_local .filtres .filtre select,
.reservation_formation .filtres .filtre select option,
.reservation_formation_local .filtres .filtre select option{
    color: black;
    background-color: #D3D3D3;
    padding: 2px;
    
}

.reservation_formation .filtres .reinitfiltres,
.reservation_formation_local .filtres .reinitfiltres{
    padding: 10px 15px;
}

.reservation_formation .filtres .reinitfiltres span,
.reservation_formation_local .filtres .reinitfiltres span{
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    background-color: #014B77;
    border: 1px solid #014B77;
    border-radius: 5px;
    padding: 5px 30px;
    cursor: pointer;
    line-height: 15px;
}

.reservation_formation table.lstreservations ,
.reservation_formation_local table.lstreservations {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    border-radius: 5px;
}
.reservation_formation table.lstreservations thead tr.cols,
.reservation_formation_local table.lstreservations thead tr.cols{
    background-color: #0590E1;    
}
.reservation_formation table.lstreservations thead tr.cols img,
.reservation_formation_local table.lstreservations thead tr.cols img{
    margin-right: 5px;
}

.reservation_formation table.lstreservations thead tr.cols th,
.reservation_formation_local table.lstreservations thead tr.cols th{
    color: white;
    font-weight: bold;
    background-position: 5px center;
    background-repeat: no-repeat;
    text-align: center;
}

.reservation_formation table.lstreservations td,
.reservation_formation_local table.lstreservations td,
.reservation_formation table.lstreservations th,
.reservation_formation_local table.lstreservations th{
    padding: 10px;
}
.reservation_formation table.lstreservations tr.title th,
.reservation_formation_local table.lstreservations tr.title th,
.reservation_formation table.lstreservations tr.title td,
.reservation_formation_local table.lstreservations tr.title td{
    font-size: 16px;
    font-weight: bold;
    color: #E60000;
    text-transform: uppercase;
    text-align: left;
}
.reservation_formation table.lstreservations td .btn,
.reservation_formation_local table.lstreservations td .btn{
    height: 35px;
    width: 35px;
    background-color: #E60000;
    background-image: url('../images/reserver_blanc.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
}
.reservation_formation table.lstreservations tr td,
.reservation_formation_local table.lstreservations tr td{
    background-color: #fff;
}
.reservation_formation table.lstreservations tr.alt td,
.reservation_formation_local table.lstreservations tr.alt td{
    background-color: #F5F5F5;
}
.reservation_formation table.lstreservations td,
.reservation_formation_local table.lstreservations td{
    text-align: center;
}
.reservation_formation table.lstreservations td,
.reservation_formation_local table.lstreservations td,
.reservation_formation table.lstreservations td a,
.reservation_formation_local table.lstreservations td a{
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none ;
    color: #777777;
}

.reservation_formation .interact,
.reservation_formation_local .interact{
    width: 100%;
    text-align: center;
    padding: 10px;    
}

.reservation_formation .interact .preinscription,
.reservation_formation_local .interact .preinscription{
    text-transform: uppercase;
    color: #fff;
    background-color: #E60000;
    border: 1px solid #E60000;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 15px 5px 45px;
    background-image: url('../images/check_blanc.png');
    background-position: 15px center;
    background-repeat: no-repeat;    
}

.reservation_formation .interact .preinscription:hover,
.reservation_formation_local .interact .preinscription:hover {
    color: #F00000;
    border-color: #F00000;
    background-color: white;
    background-image: url('../images/check_rouge.png');
}    

.reservation_formation .interact .retourselection,
.reservation_formation_local .interact .retourselection{
    text-transform: uppercase;
    color: #fff;
    background-color: #014B77;
    border: 1px solid #014B77;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 15px;
}

.reservation_formation .interact .retourselection:hover,
.reservation_formation_local .interact .retourselection:hover {
    color: #014B77;
    border-color: #014B77;
    background-color: white;
}    

.reservation_formation .divselect,
.reservation_formation_local .divselect{
    width: 100%;
    padding: 0 15px 0 0;
    margin: 0;
    cursor: pointer;
    background-image: url("../images/fleche_bas.png");
    background-repeat: no-repeat;
}

.reservation_formation .divselect,
.reservation_formation_local .divselect{
    background-position: 98% center;    
}

.reservation_formation .divselect .libelle,
.reservation_formation_local .divselect .libelle{
    width: 100%;
    padding: 5px;
    color: white;
}

.reservation_formation .divselect .list,
.reservation_formation_local .divselect .list{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #696969;
    color: white;
    z-index: 500;
}
.reservation_formation .comp.disp,
.reservation_formation_local .comp.disp{
    background-color: #696969;
}
.reservation_formation .disp .list,
.reservation_formation_local .disp .list{
    display: block;
    border-bottom: 1px solid white;
}

.reservation_formation .divselect .list .option,
.reservation_formation_local .divselect .list .option{
    width: 100%;
    padding: 5px;
    color: white;
}

.reservation_formation .divselect .list .option:hover,
.reservation_formation_local .divselect .list .option:hover{
    background-color: #0590E1;
}

.reservation_formation .divselect .list .option.selected,
.reservation_formation_local .divselect .list .option.selected{
    border: 1px solid #0590E1;
}


.reservation_formation.cart .validerpreinscription,
.reservation_formation.cart .adddateformation{
    color: white;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.reservation_formation.cart .adddateformation{
    background-color: #004B75;
    border: 1px solid #004B75;    
    padding: 5px 15px;
}

.reservation_formation.cart .adddateformation:hover {
    color: #004B75;
    border-color: #004B75;
    background-color: white;
}

.reservation_formation.cart .validerpreinscription{
    background-color: #EC0000;
    border: 1px solid #EC0000;
    background-image: url('../images/check_blanc.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    padding: 5px 15px 5px 45px;
}

.reservation_formation.cart .validerpreinscription:hover {
    color: #F00000;
    border-color: #F00000;
    background-color: white;
    background-image: url('../images/check_rouge.png');
}

.reservation_formation.cart table tr td .ui-spinner input{
    width: 30px;
}

.reservation_formation.cart table tr td.align-right{
    text-align: right;
}

.cadrereservationformation.local .components .button{
    margin: 0;
}

.comiseo-daterangepicker-presets{
    display: none;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar{
    border-left-width: 0;
    padding-left: 0;
}

td.libelleformation{
    font-weight: bold;
    color: #D91314;
}

#columns.fullwidth{
    padding: 0;
}
.content-view-full.formulaire_demande_prereservation_collected_info .message_remerciement{
    background-color: #F5F5F5;
    color: #A9A9A9;
    
    text-align: center;
    font-size: 16px;
    padding: 40px 10px;
}

.content-view-full.formulaire_demande_prereservation_collected_info .message_remerciement .thanks{
    color: #0590E1;
    font-size: 18px;
    margin-bottom: 30px;
    display: inline-block;
}

.content-view-full.formulaire_demande_prereservation_collected_info h1,
.content-view-full.formulaire_demande_prereservation_collected_info .message_remerciement{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.content-view-full.formulaire_demande_prereservation_collected_info .message_remerciement hr{
    margin: 30px 0;
}

.content-view-full.formulaire_demande_prereservation_collected_info .message_remerciement img{
    margin-bottom: 25px;
}

.content-view-full.formulaire_demande_prereservation_collected_info h1{
    display: block;
    width: 100%;
    border-bottom: 1px dashed #b1b1b1;
    text-align: left;
    padding: 5px 0;
    font-size: 16px;    
    text-transform: uppercase;
}
.phrasebleue{
    color: #0590E1;
    font-weight: bold;
    font-size: 18px;
}
.hidden{
    display: none !important;
}
.notransform{
    text-transform: none !important;
}
.uppercase{
    text-transform: uppercase !important;
}
.clickagence{
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}
.jq{
    display: none;
}
.ui-draggable .ui-dialog-titlebar {
    background: white !important;
    text-align: left !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border: 1px solid white !important;
}
.popup_agence{
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 50px;
}

.popup_agence .field{
    background-position: 5px center;
    background-repeat: no-repeat;
    -webkit-box-sizing: boder-box;
    -moz-box-sizing: boder-box;
    -ms-box-sizing: boder-box;
    box-sizing: boder-box;
    padding: 10px 15px 10px 35px;  
    background-position: 10px center;
    background-repeat: no-repeat;
}

.popup_agence .field.adresse{
    background-image: url('../images/popin_localisation.png');
}

.popup_agence .field.tel{
    background-image: url('../images/popin_smartphone.png');
}

.popup_agence .field.fax{
    background-image: url('../images/popin_fax.png');
}

.popup_agence .field label{
    display: inline !important;
    font-weight: bold;
}

.popup_agence a{
  vertical-align: top;
  display: inline-block;
  color: white !important;
  border-radius: 4px;
  text-align: center;
  margin-left: 10px;
  font-size: 14px;
  text-transform: uppercase;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 25px 5px 45px;
  cursor: pointer;
  margin-top: 30px;
  background-color: #014B77;
  border: 1px solid #014B77;
  padding: 5px 25px;
}
.popup_agence a:hover {
  color: #014B77 !important;
  border-color: #014B77;
  background-color: white;
}

.ui-button-icon-primary.ui-icon.ui-icon-closethick{
    top: -1px !important;
    left: -1px !important;
}

.ui-dialog .ui-dialog-title{
    color: #0590E1 !important;
}

.reservation_formation.hpnational{
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;

    background-image: url('../images/fond-formation.jpg');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;    
    /*height: 305px;*/
    border: 2px solid #4E4F4A;
}

.reservation_formation.hpnational .components{
    margin-top: 80px;
}


.reservation_formation.hpnational .components,
.reservation_formation.hpnational .components .comp,
.reservation_formation.hpnational .components .comp select,
.reservation_formation.hpnational .components .comp select option,
.reservation_formation.hpnational .components .comp div{
    background-color: #4E4F4A;
}
.reservation_formation.hpnational .components .comp{
    padding: 20px 5px;
    background-image: none;
    border-right: 1px solid white;
}

.reservation_formation.hpnational .components .comp .divselect .libelle{    
    /*
    text-overflow: ellipsis;
    white-space: nowrap;
    */
    max-height: 34px;
    overflow: hidden;
}

.reservation_formation.hpnational .components .comp.typeformation,
.reservation_formation.hpnational .components .comp.soustypeformation{
    width: 205px;
}

.reservation_formation.hpnational .components .comp.intituleformation{
    width: 225px;
}

.reservation_formation.hpnational .components .comp select{
    background-color: #6C9DAC;
}

.reservation_formation.hpnational .components .comp.dept{
    border-right: none;
}

.reservation_formation.hpnational .goto{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    text-align: center;
}

.reservation_formation.hpnational .goto span {
  vertical-align: top;
  display: inline-block;
  color: white;
  border-radius: 4px;
  text-align: center;
  margin-left: 10px;
  font-size: 14px;
  text-transform: uppercase;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #F00000;
  border: 1px solid #F37171;
  padding: 5px 25px;
}

.reservation_formation.hpnational .goto span:hover {
  color: #F00000;
  border-color: #F00000;
  background-color: white;
}

.reservation_formation_local.hplocal{
    margin-bottom: 20px;
}

.reservation_formation_local.hplocal .comp.typeformation{
    width: 285px !important;
}

.preresa{
    font-size: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px;
}

.comiseo-daterangepicker.ui-widget.ui-widget-content.ui-front{
    border: 1px solid #014B77 !important;
}

.reservation_formation_local .comp.dept .divselect .list,
.reservation_formation .comp.dept .divselect .list{
    max-height: 300px;
    overflow: scroll;
    height: auto;
}

.reservation_formation_local .comp.dept .divselect .list .option,
.reservation_formation .comp.dept .divselect .list .option{
    padding: 2px 5px;
}

.underline{
    text-decoration: underline !important;
}


.ui-widget-overlay.ui-front.no-background{
    background: none !important;
}

.ui-dialog.ui-widget.dialog-agence{
    border: 1px solid #014B77 !important;
}