.container_contenu {
position: relative;
display: inline-block;
max-width: 1000px;
width: 100%;
height: 90%;
padding: 0;
border: solid 0 #ccc;
}
.container_contenu_gris {
position: relative;
display: inline-block;
max-width: 1000px;
width: 100%;
height: auto;
padding: 0;
border: solid 0 #FFF;
background: #CCC;
}
.container_contenu_gris2 {
position: relative;
display: inline-block;
max-width: 1000px;
width: 100%;
height: 100%;
padding: 0;
border: solid 0 #FFF;
}
.container_cv1 {
position: relative;
display: inline-block;
width: auto;
height: 280px;
border: solid 0 #ccc;
vertical-align: top;
padding :2%;
}
.container_cv2 {
position: relative;
display: inline-block;
width: 200px;
height: 280px;
border: solid 0 #ccc;
vertical-align: top;
padding :2%;
}
.container_cv3 {
text-align: right;
position: relative;
display: inline-block;
width: 300px;
height: auto;
vertical-align: top;
padding:20px;
border: solid 0 #FF0000;
}
.container_cv4 {
text-align: center;
position: relative;
display: inline-block;
width: auto;
height: auto;
padding:0;
margin-left: 20px;
margin-bottom: 80px;
border: solid 0 #CCC;
}
.container_home1 {
position: relative;
display: inline-block;
max-width: 1000px;
width: 45%;
height: auto;
border: solid 0 #FF0000;
vertical-align: top;
padding :2%;
}
.container_home2 {
text-align: right;
position: relative;
display: inline-block;
max-width: 1000px;
width: 45%;
height: auto;
border: solid 0 #FF0000;
vertical-align: top;
padding :2%;
}
.container_home3 {
text-align: left;
position: relative;
display: inline-block;
max-width: 1000px;
width: 90%;
height: auto;
border: solid 0 #FFF;
vertical-align: top;
padding-top :2%;
}
.container_home4 {
text-align: center;
position: relative;
display: inline-block;
max-width: 910px;
width: 100%;
height: 100%;
border: solid 0 #ccc;
vertical-align: top;
padding-top :0;
padding-left :2%;
}
.container_home5 {
text-align: left;
position: relative;
display: inline-block;
width: 100%;
height: auto;
border: solid 0 #FF0000;
vertical-align: top;
background: #7c7c7c;
}
.container_home6 {
text-align: left;
max-width: 1000px;
width: 45%;
height: auto;
background: #FF0000;
vertical-align: top;
padding :2%;
}
.container_hometrans {
text-align: left;
position: relative;
display: inline-block;
width: 100%;
height: 20px;
border: solid 0 #FFF;
vertical-align: top;
}
.container_contenu_800 {
position: relative;
display: inline-block;
width: 800px;
height: 280px;
vertical-align: bottom;
padding: 0;
margin: 20px;
border: solid 1px #144769;
box-shadow: 5px 5px 3px rgba(0,0,0,.2);
background: #1a5c89;
}
.container_contenu_802 {
position: relative;
display: inline-block;
width: auto;
max-width: 860px;
height: auto;
vertical-align: bottom;
padding: 0;
margin: 20px;
border: solid 1px #144769;
box-shadow: 5px 5px 3px rgba(0,0,0,.2);
background: #1a5c89;
}
.container_contenu_803 {
position: relative;
display: inline-block;
width: 950px;
max-width: 1050px;
height: auto;
vertical-align: bottom;
padding: 10px;
margin: 16px;
border: solid 2px #144769;
box-shadow: 5px 5px 3px rgba(0,0,0,.2);
background: #000;
}
.container_contenu_804 {
position: relative;
display: inline-block;
width: 950px;
max-width: 1050px;
height: auto;
vertical-align: bottom;
padding: 0;
margin: 16px;
border: solid 0 #FFF;
box-shadow: 5px 5px 3px rgba(0,0,0,.2);
background: #000;
}
.trans01 {
position: relative;
display: inline-block;
width: 100%;
height: 20px;
padding: 0;
margin: 0;
}
.trans02 {
position: relative;
display: inline-block;
width: 100%;
height: 10px;
padding: 0;
margin: 0;
border: none;
}
.container_line_1 {
position: relative;
display: inline-block;
max-width: 1000px;
width: 90%;
height: auto;
padding: 6px;
border: solid 0 #ccc;
vertical-align: bottom;
}
.container_line_2 {
position: relative;
display: inline-block;
max-width: 1000px;
width: 90%;
height: 30px;
padding: 6px;
border: solid 0 #ccc;
vertical-align: bottom;
text-align: center;
}

.container_line_33 {
position: relative;
display: inline-block;
width: 100%;
height: 70px;
padding:0;
margin-bottom:10px;
border: solid 0 #ccc;
vertical-align: bottom;
}
.container_line_4 {
vertical-align: top;
float: left;
text-align: left;
position: relative;
display: inline-block;
width: 100%;
height: auto;
padding: 0;
margin:0;
border: solid 0 #ccc;
vertical-align: bottom;
}
.container_line_5 {
vertical-align: top;
float: left;
text-align: center;
position: relative;
display: inline-block;
width: 100%;
height: auto;
padding: 0;
margin:0;
border: solid 0 #ccc;
vertical-align: bottom;
}
.box_home_1
{
vertical-align: top;
margin:0;
padding:0;
float: left;
text-align: left;
position: relative;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
line-height: 16px;
color:#000000;
background:#929292;
border:#FFF 0 solid;
width: 400px;
height:50px;
resize: none;
}
.blanc_form_smal {
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: #FFF;
padding-left: 16px;
}
.blanc_form_smal2 {
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: #FFF;
}
.blanc_form_smal3 {
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: #000;
}
.box_home_2
{
margin:0;
float: left;
position: relative;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
line-height: 16px;
color:#000000;
background:#929292;
border:#FFF 0 solid;
width: 100%;
height:300px;
resize: none;
}
.box_reseaux
{
margin:0;
float: left;
position: relative;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
line-height: 16px;
color:#000000;
background:#929292;
border:#FFF 0 solid;
width: 100%;
height:50px;
resize: none;
}
.blanc_form {
float: left;
position: relative;
display: inline-block;
text-align: right;
margin-left: 0;
font-family: 'Titillium Web', sans-serif;
font-size: 16pt;
color: #ccc;
font-weight: 300;
background: #000;
max-width: 300px;
width: 100%;
height: 30px;
padding-left: 0;
padding-right: 10px;
padding-bottom: 0;
padding-top: 0;
border: solid 0 #ffffff;
}

.blanc_form_trans{
float: left;
text-align:right;
position: relative;
display: inline-block;
font-family: 'Sarpanch', sans-serif;
font-size: 16pt;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
font-weight: 400;

width: 250px;
height: 30px;
line-height: 30px;
padding:0;
margin-left: 20px;
border: solid 0 #fff;
}
.blanc_form_trans_2{
float: left;
text-align:right;
position: relative;
display: inline-block;
font-family: 'Sarpanch', sans-serif;
font-size: 16pt;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
font-weight: 400;
width: 310px;
height: 30px;
line-height: 30px;
padding:0;
margin-left: 20px;
border: solid 0 #fff;
}
.box_form_1
{
margin-right: 20px;
float: left;
position: relative;
font-family: 'Titillium Web', sans-serif;
font-size: 16pt;
color:#000000;
background:#929292;
font-weight: 600;
border:#000000 1px solid;
width: 500px;
height: 30px;
overflow:hidden;
resize: none;
}
.box_form_2
{
margin-right: 20px;
position: relative;
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 11pt;
color:#000000;
background:#929292;
font-weight: 400;
border:#000000 1px solid;
width: 700px;
height: 30px;
overflow:hidden;
resize: none;
}
.box_form_small
{
margin-right: 20px;
position: relative;
font-family: 'Titillium Web', sans-serif;
font-size: 16pt;
color:#000000;
background:#929292;
font-weight: 600;
border:#000000 1px solid;
width: 65px;
height: 30px;
overflow:hidden;
resize: none;
}




.boutonbleu_valider {
width: 200px;	
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
display: inline-block;
margin:0;
padding: 0;
background-color: #ccc;
text-align : center;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
font-weight: 900;
font-family: 'Sarpanch', sans-serif;
font-size: 16pt;
line-height: 16pt;
height:38px;
color: #FFF;
border: solid 1px #1c65b2;
background: #73ace9;
background: -webkit-gradient(linear, left top, left bottom, from(#73ace9), to(#2677cd));
background: -moz-linear-gradient(top,  #73ace9,  #2677cd);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ace9', endColorstr='#2677cd');
}
.boutonbleu_valider:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#5d95e1), to(#60abde));
background: -moz-linear-gradient(top,  #5d95e1,  #60abde);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d95e1', endColorstr='#60abde');
}
.boutonbleu_valider.down_arrow:before       { content: "\2193"; }


.bouton_login {
width: 50%;	
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
display: inline-block;
margin:0;
padding: 0;
background-color: #ccc;
text-align : center;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 2px 2px rgba(0,0,0,.2);
font-weight: 900;
font-family: 'Sarpanch', sans-serif;
font-size: 16pt;
line-height: 16pt;
height:38px;
color: #FFF;
border: solid 1px #1c65b2;
background: #73ace9;
background: -webkit-gradient(linear, left top, left bottom, from(#73ace9), to(#2677cd));
background: -moz-linear-gradient(top,  #73ace9,  #2677cd);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ace9', endColorstr='#2677cd');
}
.bouton_login:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#5d95e1), to(#60abde));
background: -moz-linear-gradient(top,  #5d95e1,  #60abde);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d95e1', endColorstr='#60abde');
}

.bouton_login_2 {
width: 50%;	
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
display: inline-block;
margin:0;
padding: 0;
background-color: #ccc;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 2px 2px rgba(0,0,0,.2);
text-align : center;
text-shadow: 0 2px 2px rgba(0,0,0,.3);
font-weight: 900;
font-family: 'Sarpanch', sans-serif;
font-size: 16pt;
line-height: 16pt;
height:38px;
color: #FFF;
border: solid 1px #7c7c7c;
background: #737473;
background: -webkit-gradient(linear, left top, left bottom, from(#a7a7a6), to(#737473));
background: -moz-linear-gradient(top,  #a7a7a6,  #737473);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7a7a6', endColorstr='#737473');
}
.bouton_login_2:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#737473), to(#a7a7a6));
background: -moz-linear-gradient(top,  #737473,  #a7a7a6);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#737473', endColorstr='#a7a7a6');
}












.boutontest {        
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    
width: 200px;	
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
display: inline-block;
margin:0;
padding: 0;
background-color: #ccc;
text-align : center;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
font-weight: 900;
font-family: 'Titillium Web', sans-serif;
font-size: 16pt;
line-height: 30px;
height:38px;
color: #fff;
border: solid 1px #1c65b2;
background: #73ace9;
background: -webkit-gradient(linear, left top, left bottom, from(#73ace9), to(#2677cd));
background: -moz-linear-gradient(top,  #73ace9,  #2677cd);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ace9', endColorstr='#2677cd');
}

.boutontest:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#5d95e1), to(#60abde));
background: -moz-linear-gradient(top,  #5d95e1,  #60abde);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d95e1', endColorstr='#60abde');
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

 

.boutontest:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: right;        
    width: 50px;
	height: 38px;
    text-align: center;
    font-size: 2.5em;
    margin: 0 0 0 0;
    box-shadow: -1px 0 0 rgba(0,0,0,.5), -2px 0 0 rgba(255,255,255,.5);

    pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.fleche:before {
    content: "\25BE";
}

.rouge
{
position: relative;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color: #FF0000;
font-weight: 200;
}