/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
    
      color: #5a5a5a;
	  margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
     font-family: ubuntu;   
    }
    
    footer {
      
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #283732;
      padding: 20px 0px 20px 0px;
      font-size: 32px;
      float:left;
      font-weight: 300;
      text-align:center;
      font-family: 'Ubuntu', sans-serif;
      color: #ffffff;
      font-size:28px;
      line-height:32px;
      width: 100%;
      height: auto;
    }
    
    .inter-texte-cpc{
		top: 0;
		left: 0;
		font-weight: bold;		
		color: #FFF;
		font-size: 40px;
		text-align: center;
		font-family: ubuntu;
		padding: 20px 10px 20px 10px;
		background-color:#74ab4a;
		background-repeat:no-repeat ;
		background-position:center;
		height: auto;
		text-align: center;
		padding-top:50px;
		padding-bottom: 25px;
		margin: auto;
		background-size: cover;
		}

    .valid-message{
		top: 0;
		left: 0;
		color: #FFF;
		font-size: 40px;
		text-align: center;
		font-family: lobster;
		padding: 5px 10px 5px 10px;
		}

.btn-warning {
    font-size: 30px !important;
}

.btnMenu{
	font-size: 20px !important;
	
}

#header {

    margin-bottom: 20px;

}

#logo {
    margin-top: 20px !important;
}

.btn-home {
	

}
		
a {
    color: #9c9d9f;
    text-decoration: none;
}
a:hover, a:focus {
    color: #9c9d9f;
	text-decoration: none;
    
}

#section-top{
	 background-color:#ffffff;
	 background-repeat:no-repeat ;
	 background-position:center center;
	 height: auto;
	 text-align: center;
	 padding-top:25px;
	 padding-bottom: 25px;
	 margin: auto;
    
}

#logo:first-child img:first-child{
	width:100%;
	height: auto;
    max-width: 360px;
}

#section-form{

	 background-color:#eeeeee;
	 background-repeat:no-repeat ;
	 background-position:center center;
	 height: auto;
	 text-align: center;
	 padding-top:25px;
	 padding-bottom: 25px;
	 margin: auto;
    
}

#section-form2{
	 
	 background-color:#74ab4a;
	 background-repeat:no-repeat ;
	 background-position:center;
	 height: auto;
	 text-align: center;
	 padding-top:25px;
	 padding-bottom: 25px;
	 margin: auto;
	background-size: cover;
    
}

#section-form3{
	 
	 background-color:#73ad4a;
	 background-repeat:no-repeat ;
	 background-position:center center;
	 height: auto;
	 text-align: center;
	 padding-top:25px;
	 padding-bottom: 25px;
	 margin: auto;
    
}

#section-form-noel2016{
	 background-image: url("assets/img/fond-noel2016.jpg");
	 background-color:#eeeeee;
	 background-repeat:repeat ;
	 background-position:center;
	 height: auto;
	 text-align: center;
	 padding-top:25px;
	 padding-bottom: 25px;
	 margin: auto;
    
}

#blocs, #bloc2{
	max-width: 1200px;
	margin: auto;
}


#blocs-top{
	max-width: 1300px;
	margin: auto;
	
}

#blocs a {
    font-size: 20px;
    margin-top: 20px;
}

#blocs-top a {
    
    margin-top: 20px;
}

.btn-success {
    color: #fff;
    background-color: #f9a11b !important;
    border-color: #f9a11b !important;
}

.btn-success:hover {
    color: #fff;
    background-color: #E2710D !important;
    border-color: #E2710D !important;
}

#main{
	width:100%;
	max-width:600px;
	height: auto;
	margin: auto;
    height: auto;
    background-color: rgba(68, 68, 68, 0.8);
}

#main:first-child img:first-child{
	width:100%;
	max-width:600px;
	height: auto;
	margin: auto;
	padding: 20px;
}




#form_mb_seminaire {
	margin-top: 0px !important;
	font-size: 12px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	min-height: 590px;
	max-height: 590px;
	max-width: 600px;
	background-color: rgba(256, 256, 256, 0.8);
}

#validetexte {
	margin-top: 0px !important;
	font-size: 25px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	min-height: 590px;
	max-width: 600px;
	background-color: rgba(256, 256, 256, 0.8);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#section-temoignage{
	 background-color:#283732;
	 background-repeat:no-repeat ;
	 background-position:center center;
	height: auto;
	 text-align: center;
	 padding-top:5px;
	 padding-bottom: 5px;
	 margin: auto;
     
}

#section-bottom{
	 background-color:#ffffff;
	 background-repeat:no-repeat ;
	 background-position:center center;
	 height: auto;
	 text-align: center;
	 margin: auto;
	 width: 100%;
    
}
#element-bottom:first-child img:first-child{
	width:100%;
	max-width:600px;
	height: auto;
}

.element-services:first-child img:first-child{
	width:100%;
	max-width:140px;
	height: auto;
    text-align: center;
    font-size: 20px;
}

.element-services{

    text-align: center;
    color: #1c1c1c;
    font-weight: bold;
}

.element-services h3{

    color: #74ab4a;
    font-weight: bold;
    

}

   .section-services p{

         font-size: 20px;
        color:#1c1c1c; 
       font-weight: bold;
    }




#text-intro-cpc{
	color: #ffffff;
	font-size: 20px;
    padding: 1%;
    text-align: center;
    font-weight: bold;
    background-color: #74ab4a;
    
}

#text-intro-noel2016{
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	font-size: 22px;
}



/* Start of formatting style of form Header */

.formHeader {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 0px;
	text-align: center;
}
/* End of formatting style of form Header */
.formContent {
	font-family: 'Ubuntu', sans recif;
	font-style: normal;
	font-size: 12px;
	color: #3f3f3f;
	width: 100%;
}
.formContent form {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Ubuntu', sans recif;
}
/* Form size and position */


 /* End Form position and size */ 
			
/* Formatting style of the title of the form */			
.formTitle {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	background-color: #ffa300;
	text-align: center;
}
/* End of Formatting style of the title of the form */


/* Formatting style of the paragraphs of the form */	
.formParagraph {
	float: left;
	width: 100%;
	text-align: justify;
	margin-bottom: 20px;
	line-height: 18px;
}
/* End of  Formatting style of the paragraphs of the form */


/* formatting style of the title of text boxes on the form */	
.formText {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
/* End of formatting style of the text boxes on the form */	

/* formatting style of the Text label */
.formTextLabel {
	float: left;
	margin-right: 0px;
	text-align: left;
	width: 100%;
	font-weight: bold;
    color: #1d1d1d;
	font-size: 18px;
}
/* End of formatting style of the Text label */


/* ==>> Start of formatting style of the input */
.formTextInput {
	float: left;
	width: 100%;
	margin-top: 3px;
	height: 30px;
}
/* For Input */
.formTextInput input {
	width: 100%;
	border: solid 0px #bbb;
	background-color: #eee;
	height: 30px;
	font-size: 18px;
	border-radius: 5px;
	padding-left: 7px;
	padding-right: 7px;
	border: solid 1px #bbb;
}
/* For textarea */
.formTextInput textarea {
	width: 100%;
	border: solid 1px #bbb;
	background-color: #eee;
	height: 100px;
	font-size: 18px;
	padding: 7px;
}
/* End of formatting style of the input */


/* ==>> Start of formatting style of comment */
.formSelectionComment {
	background-color: white;
	color: black;
	display: block;
	font-family: Ubuntu;
	font-size: 12px;
	font-style: italic;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	padding: 2px;
	width: 350px;
}
/* End of formatting style of comment */


/* Start of formatting style of Selection Single */
.formSelectionSingle {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
/*  ==>> Start of formatting style of Selection Single label */
.formSelectionSingleLabel {
	float: left;
	margin-right: 0px;
	text-align: left;
	width: 100%;
    color: #1d1d1d;
    font-weight: bold !important;
	font-weight: normal;
	font-size: 18px;
}
/*  ==>> Start of formatting style of Selection Single Values */
.formSelectionSingleValues {
	float: left;
	width: 100%;
	margin-bottom: 0px;
	text-align: left;
}
/*  ==>> Start of formatting style of Selection Single Select */
.formSelectionSingleValues select {
	background-color: #fff;
	border: solid 0px #bbb;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	font-family: Ubuntu;
	font-size: 18px;
	height: 30px;
    color: #1d1d1d;
}
/*  ==>> Start of formatting style of Selection Single Value */
.formSelectionSingleValueForMultipleLines {
	margin-bottom: 5px;
	display: block;
	padding: 0;
}
/*formatting style of Selection Single Value for single line */
.formSelectionSingleValueForSingleLine {
	display: inline;
	margin-right: 10px;
	font-size: 13px;
}
/* ///////////////////
///// End of formatting style of Selection Single
///////////////// */


/*  ==>> Start of formatting style of Selection Multiple */
.formSelectionMultiple {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
/* Formatting style of Selection Multiple Label */
.formSelectionMultipleLabel {
	float: left;
	margin-right: 40px;
	text-align: right;
	width: 31%;
	margin-top: 2px;
	color: #3f3f3f;
	font-weight: normal;
}
/* Formatting style of Selection Multiple Values*/
.formSelectionMultipleValues {
	float: left;
	width: 63%;
	margin-bottom: 10px;
}
/* Formatting style of Selection Multiple for mutiple lines */
.formSelectionMultipleValueForMultipleLines {
	margin-bottom: 5px;
	display: block;
}
/* Formatting style of Selection Multiple for single ligne */
.formSelectionMultipleValueForSingleLine {
	display: inline;
	margin-right: 10px;
}
/* END of formatting style of Selection Multiple */


/*  ==>> Start of formatting style of formMatrix */

.formMatrix {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
/*  ==>> Start of formatting style of form Matrix Label */
.formMatrixLabel {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: normal;
	color: #3f3f3f;
	text-align: left;
}
/*  ==>> Start of formatting style of form MatrixTable */
.formMatrixTable {
	float: left;
	width: 100%;
	margin-left: 110px;
}
/* End of formatting style of form MatrixTable */

/*  ==>> Start of formatting style of form MatrixTable Table */
.formMatrixTable table {
	width: 80%;
	border: none;
}
/* End of formatting style of form MatrixTable Table */

/*  ==>> Start of formatting style of form MatrixTable td */
.formMatrixTable table td {
	background-color: #eee;
	color: #3f3f3f;
	font-weight: normal;
	text-align: center;
	margin: 3px;
}
/* End of formatting style of form MatrixTable td */

/* formatting style of the title of table columns */
.formMatrixTable table td.formMatrixColumnHeader {
	background-color: #3f3f3f;
	color: #fff;
	font-size: 12px;
}
/* formatting of the title lines of the table */
.formMatrixTable table td.formMatrixLineHeader {
	background-color: #3f3f3f;
	color: #fff;
	font-size: 12px;
}
/*  ==>> Start of formatting style of Captcha */
.formCaptcha {
	float: left;
	width: 490px;
	border: 1px solid #bbb;
	height: 90px;
	padding-top: 17px;
	margin-left: 230px;
	background-color: #eee;
	margin-bottom: 10px;
}
/*  ==>> Start of Formatting style of Captcha image */
.formCaptchaImage {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	text-align: left;
	width: 150px;
	margin-top: 3px;
}
.formCaptchaImage img {
	border: solid 1px #bbb;
	margin-bottom: 10px;
}
/*  ==>> Start of Formatting style of Captcha Label */
.formCaptchaLabel {
	float: left;
	margin-top: 5px;
	width: 280px;
	font-size: 12px;
	font-weight: normal;
}
/*  ==>> Start of Formatting style of Captcha input */
.formCaptchaInput {
	float: left;
	width: 50%;
}
.formCaptchaInput input {
	background-color: #eee;
	border: solid 1px #bbb;
	width: 80px;
	margin-bottom: 5px;
	margin-top: 10px;
}
/* End of formatting style of Captcha */


/*  ==>> Start of formatting style of form Completed */					
.formContent .formCompleted {
	color: #333333;
	font-family: 'Ubuntu', sans recif;
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	width: 500px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
	padding-bottom: 50px;
	
}
/* END of formatting style of form Completed */	

/* Formatting style of error */
div.formErrorContainer {
	width: 100%;
	padding: 10px 0 10px 0;
	float: left;
	margin-top: 50px;
}
div.formErrorContainer .formErrorMessage {
	width: 100%;
	margin: 0 auto;
	padding: 3px 0 3px 0;
	background-color: #ffa300;
	color: #fff;
	font-family: 'Ubuntu', sans recif;
	font-size: 20px;
	font-style: italic;
	text-align: center;
}
input.formError, textarea.formError {
	border: solid 2px Red;
	color: black;
	font-family: 'Ubuntu', sans recif;
	font-size: 20px;
	font-style: italic;
}
.formSelectionSingleValueForSingleLine input.formError, .formSelectionSingleValueForMultipleLines input.formError {
	border: solid 2px Red;
	color: black;
	font-family: Ubuntu;
	font-size: 20px;
	font-style: italic;
}
.formError {
	color: #ffa300;
	font-family: 'Ubuntu', sans recif;
	font-size: 25px;
	font-style: italic;
}
/*  ==>> Start of formatting style of submit, Previous, Next button */

/*  ==>> Start of formatting style of form pager */
.formPager {
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	text-align: center;
}
/* End of formatting style of form pager */


/* ==>> Start of formatting style of submit */

div.formSubmit {
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
    font-family: lobster;
}
div.formSubmit a {
	text-align: center;
	border: solid 1px #eee;
	background-color: #ffa300;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	padding: 5px;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 5px;
}
div.formSubmit a:hover {
	background-color: #fff;
	color: #ffa300;
}
/*  ==>> Start of formatting style of previous */

div.formPagerPrevious {
	width: 40%;
	float: left;
	margin-top: 30px;
}
div.formPagerPrevious a {
	min-width: 100px;
	float: left;
	border: solid 2px #bbb;
	background-color: #3f3f3f;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	height: 20px;
	padding-left: 40px;
	padding-right: 40px;
	cursor: pointer;
	text-decoration: none;
}
div.formPagerPrevious a:hover {
	background-color: #0af;
	color: #fff;
}
/*  ==>> Start of formatting style of next*/

div.formPagerNext {
	width: 40%;
	float: right;
	margin-top: 30px;
}
div.formPagerNext a {
	float: right;
	min-width: 100px;
	border: solid 2px #bbb;
	background-color: #3f3f3f;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	height: 20px;
	padding-left: 40px;
	padding-right: 40px;
	cursor: pointer;
	text-decoration: none;
}
div.formPagerNext a:hover {
	background-color: #0af;
	color: #fff;
}
/*  ==>> Start of formatting style of progress */
div.formPagerProgressContainer {
	width: 18%;
	float: left;
	margin-top: 30px;
}
div.formPagerProgress {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #3f3f3f;
	height: 15px;
	padding: 0 2px;
	position: relative;
	width: 100px;
	margin-left: 21%;
}
/*  ==>> Start of formatting style of progress Bar */
div.formPagerProgress .formPagerProgressBar {
	background: none repeat scroll 0 0 #d1d1d1;
	color: #000000;
	display: block;
	height: 11px;
	margin-top: 2px;
}
/*  ==>> Start of formatting style of progress Percentage */
div.formPagerProgress .formPagerProgressPercentage {
	font-size: 11px;
	left: 15px;
	line-height: 15px;
	position: absolute;
	top: 0;
}
div.formPagerProgress .formPagerProgressText {
	font-size: 11px;
	left: 15px;
	line-height: 15px;
	position: absolute;
	text-align: center;
	top: 0;
}
/* END of formatting style of progress */


/* END of formatting style of submit, Previous, Next button */


/* Start of formatting style of form Footer */
.formFooterContainer {
	width: 100%;
	float: left;
	text-align: center;
}
div.formFooter {
	width: 350px;
	margin: 0 auto;
	padding: 0;
}
/* END of formatting style of form Footer */

/* End of GLOBAL CSS form */
 



/*Taille device desktop*/
@media screen and (min-width: 1000px) {

#main{
	width:50%;
	max-width:600px;
	height: 590px;
	float: left;
    padding: 2em;
}

#main:first-child img:first-child{
	width:100%;
	max-width:500px;
	height: auto;
}


#form_mb_seminaire {
	width: 50%;
	float: left;
	margin-top: 10px;
	font-size: 12px;
	}
	
#validetexte {
	width: 50%;
	float: left;
	margin-top: 20px;
	font-size: 25px;
	}
	
#footer-content {
	float:left;
	font-weight: 300;
	margin-top: 5px;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;
	color: #ffffff;
	font-size:28px;
	line-height:32px;
	background-color: #283732;
	width: 100%;
	height: auto;
	}
    
    .Contactez-nous{
        font-family: lobster;
        font-size: 50px;
        padding-top: 2%;
        
    }

#text-intro{
	padding-left: 100px;
	padding-right: 100px;
}

#text-intro-cpc{
	padding-left: 100px;
	padding-right: 100px;
}
	
    .icon-plus,.icon-envelope{
        padding-right: 10px;
    }	
    
    
	
    
    .txt1{
        font-family: ubuntu;
        font-size: 50px;
        font-weight: bold;
        
       
    }
    
    .txt2{
        font-family: ubuntu;
        font-size: 65px;
        font-weight: bold;
        padding-bottom: 3%;
       
    }
    
    .section-services{
        margin-bottom: 5em;
        text-align: center;
  
    }
    
    .section-services-cpc{
        text-align: center;
	background-color: #74ab4a;
  
    }
    
  
    
    
	
    .numerovert{
        margin-top: 1em;
        
    
    }
    
       .numerovert img{
        
        height: auto;
        
        min-width: 200px;
        
    
    }
}

@media (max-width: 1200px) {
  #text-intro-cpc, .section-services-cpc{
  }