/*
 * font-family: 'caviar_dreamsbold';
 * font-family: 'caviar_dreamsbold_italic';
 * font-family: 'caviar_dreamsitalic';
 * font-family: 'caviar_dreamsregular';
 * 
 */
body {
	font-family: 'caviar_dreamsregular';
	font-size:12px;
	background : url("../images/bg.png") no-repeat fixed center 0 #f5f5f5;
	color : #919294;
	
	color : #fff;
}
body, ul, ol, p, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
li {
	display:block;
	list-style:none;
}
a {
	color: #fff;
	text-decoration : none;
}
h1 {
	font-size : 18px;
	text-transform : uppercase;
}
h1 span {
	text-transform :none;
}
a img {
	border : none;
}
.clr, #center .clr, #right .clr{
	clear:both;
}
.gras, #form_newsletters label {
	font-weight : bold;
}
.colonne, .horizontal li, .horizontal_div div {
	float:left;
}
.right {
	float:right;
}
.block, .clr, .blockA a, .horizontal, .savoir_plus, .lire_plus, #form_newsletters label {
	display:block;
}
.top10, #menu li {
	margin-top : 10px;
}
.top5 {
	margin-top : 5px;
}
.top15 {
	margin-top : 15px;
}
.top18 {
	margin-top : 18px;
}
.top20 {
	margin-top : 20px;
}
.bottom10 {
	margin-bottom : 10px;
}
.alignRight {
	text-align : right;
}
.centerAuto {
	margin-left : auto;
	margin-right : auto;
}
.alignCenter, .savoir_plus {
	text-align : center;
}
/********************** login session ***********************/
.login_session
{
	width:300px;
	height:300px;
	background-color: #f40;
}
/************************************************************/
input[type="text"], input[type="password"] {
	height : 35px;
	padding-left : 18px;
	background : #fff;
	border : #dcdcdc solid 1px;
	color : #898989;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
input[type="submit"], input[type="button"], .btn {
	width:150px;
	height : 36px;
	background: #a6a7a9;
	color : #fff;
	font-weight : bold;
	font-size : 13px;
	cursor : pointer;
	font-family: 'caviar_dreamsregular';
	transition:all ease 0.5s;
	border:none;
}
input[type="submit"]:hover, input[type="button"]:hover, .btn:hover {
	background: #c52874;
}
#center input[type="text"], #center input[type="password"], #center textarea {
	background : #fff;
	border : #ebebeb solid 1px;
	color : #838383;
	margin-right : 10px;
	margin-bottom: 6px;
}
#center input[type="text"], #center input[type="password"]{
	height : 28px;
}
#center input[type="text"]:focus, #center input[type="password"]:focus, #center textarea:focus {
	border : #c52874 solid 1px;
}
.typeLabel label {
    display: block;
    position: absolute;
	margin-left : 22px;
	margin-top: 6px;
    z-index: 0;
}
.typeText label{
	display:block;
	width : 100px;
	padding-top : 7px;
	float:left;
	margin-right : 5px;
}
#page 
{
	width:100%;
	height:100%;
}
#logo {
	width : 325px;
	position:relative;
	bottom:8px;
}

#conteneur, #conteneur_footer {
	width:938px;
	height:100%;
	margin : 0 auto;
	position:relative;
}
#header_bg 
{
	width:100%;
	height:89px;
	background: #f3f3f3;
	position:absolute;
	border-bottom : #c52874 solid 1px;
}
#header 
{
	width:100%;
	height:101px;
}
#haut_header {
	width : 136px;
	height : 16px;
	padding-top : 4px;
	font-size : 8px;
	float:right;
}
#haut_header a {
	color : #fff;
	text-transform : uppercase;
}
#icon_home {
	background : url("../images/icon_home.png") no-repeat 0 0;
	padding-left : 20px;
}
#icon_contact {
	background : url("../images/icon_contact.png") no-repeat 0 0;
	padding-left : 23px;
	margin-left : 20px;
}
#menu {
	height:30px;
	position:relative;
	margin-top : -57px;
}
#menu ul {
	position:absolute;
	right : 0;
}
#menu li a{
	margin-left : 6px;
	padding : 10px 12px;
	background : #fff;
	color : #a6a7a9;
	font-weight : bold;
	text-transform : uppercase;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
    -moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	transition-property: all;
	transition-duration: 0.5s;
}
#menu li a:hover {
	background : #c52874;
	color : #fff;
}
#menu li:hover .sous_menu {
	display : block;
}
#menu li {
	position : relative;
}
#corps {
	width:100%;
}
#center {
	width:943px;
}
#center .bande h1{
	width : 478px;
	height : 36px;
	padding-top : 5px;
	padding-left : 33px;
	background : #285276;
	float:left;
}
#center .bande span {
	width : 52px;
	height : 42px;
	float:right;
}
#block_text_home {
	padding : 25px 33px;
	padding-bottom : 19px;
	background : url("../images/block_bg.jpg");
}
#block_text_home h1 {
	padding-bottom : 10px;
	color: #919294;
}
#center p {
	color : #919294;
	line-height : 18px;
}
.savoir_plus {
	width : 119px;
	height : 32px;
	padding-top : 7px;
	background :url('../images/btn_savoirPlus.png') no-repeat 0 0;
	text-transform : uppercase;
	font-weight : bold;
	float : right;
}
#block_newsMedia {
	padding: 3px 0px;
	padding-bottom : 60px;
	background: #fff;
}
#block_newsMedia .media_news {
	width : 271px;
	margin-top : 5px;
	margin-left : 9px;
}
.media_news h1 {
	height : 31px;
	padding-top : 10px;
	padding-left : 20px;
	background : url('../images/titre_news.png') no-repeat;
}
.media_news .images_news {
	margin-top : 1px;
}
.media_news .images_news .photo_news {
	margin-left : 1px;
}
.media_news p {
	margin-top : 10px;
	margin-bottom : 18px;
}
.applications, .actualites, .smartphones {
	width : 101px;
	height : 87px;
}
.applications{
	background : url('../images/news_applications.jpg');
}
.actualites{
	background : url('../images/news_actualites.jpg');
}
.smartphones{
	background : url('../images/news_smartphone.jpg');
}
.media_news .images_news .lire_plus {
	width : 46px;
	height : 16px;
	background : url("../images/lire_plus.jpg") no-repeat;
}
#content {
	width:937px;
	padding-top : 18px;
	/*padding-bottom : 35px;*/
	background : #fff;
	/*min-height: 573px;*/
	min-height:650px;
}
#haut_content {
	width : 492px;
	min-height : 78px;
	padding-top : 32px;
	padding-left : 18px;
	border : #e2e2e2 solid 1px;
	background : url('../images/logo_haut_content.png') no-repeat right #fff;
}
#content h1 {
	color: #919294;
}
#haut_content h1 {
	font-size : 27px;
}
.date_act {
	width : 190px;
	height : 25px;
	padding-top : 8px;
	margin-bottom : 7px;
	background : url('../images/bg_date.png');
	color : #99c422;
	text-align :center;
	text-transform : uppercase;
}
.ligne {
	height : 1px;
	background : #e2e2e2;
}
/* block news  */
.news {
	margin-bottom : 32px;
}
.news h1 {
	padding : 12px 0;
	padding-left : 45px;
	border-top : #e2e2e2 solid 1px;
	border-bottom : #e2e2e2 solid 1px;
	background : url("../images/icon_login.png") no-repeat 12px center;
}
.news .sous_titre{
	display:inline-block;
	padding-top : 5px;
	font-size : 12px;
}
.contenu_news{
	padding : 6px 25px;
}
.contenu_news img {
	float:left;
	padding : 7px;
	border : #e2e2e2 solid 1px;
	margin-right : 15px;
	margin-bottom : 10px;
}
/* block partage news */
.block_partage_news {
	height : 56px;
}
.plie {
	width : 17px;
	height : 56px;
	background : url('../images/plie.png') no-repeat;
	position:absolute;
	margin-left : -17px;
}
.icons_partage {
	width : 540px;
	height : 38px;
	padding-top : 7px;
	padding-left : 30px;
	position:absolute;
	margin-top : 11px;
	background : #d5d5d5;
}
.icons_partage li {
	margin-right : 7px;
}
.icons_partage .btn, .btn__2 {
	height : 20px;
	padding : 5px 40px;
}
.icons_partage .btn_gris {
	height : 18px;
	padding : 0px 15px;
	margin-top : 7px;
	background : url('../images/bg_btn_comment.jpg');
	color : #5f5f5f;
}
.icons_partage .nombre {
	width : 35px; 
	height : 18px;
	background : url('../images/bg_nombre.png');
	text-align : center;
	margin-left : 3px;
	color : #5f5f5f;
}
/* block news */
/*
 * block article
 * */
#contenu_article {
	padding : 25px;
	position : relative;
}
#contenu_article p {
	padding-bottom : 18px;
	color:#2a2a2a;
}
#contenu_article li {
	padding-bottom : 5px;
	padding-left : 15px;
	background : url('../images/icon_liste.jpg') no-repeat 0 3px;
	color : #8cb11f;
}
/*#contenu_article .errorlist li {
	padding-bottom : 0px;
	padding-left : 15px;
	background : none;
	color : #ff5e62;
}
#contenu_article .errorlist {
	margin-bottom : 10px;
}*/
#form .errorlist {
	display : none;
}
#form .errorlist+p input{
	background : #FFEAEA;
	border : 1px solid #FF9F9F;
	color : #eb7889;
}
#form .errorlist+p textarea{
	background : #FFEAEA;
	border : 1px solid #FF9F9F;
	color : #eb7889;
}
/* block article */
/*
 * block commentaires
 * 
 */
#block_commentaires {
}
.bg_blanc, .boite_comment {
	background: #fff;
}
.comment {
	padding:  30px;
	border-top : #dddddd solid 1px;
}
.photo_comment {
	width : 98px;
	height : 85px;
	background : url('../images/icon_comment.png') no-repeat;
	margin-right : 12px;
}
.content_comment {
	width : 390px;
}
.content_comment p{
	margin-bottom : 10px;
}
.content_comment input[type="text"] {
	width : 177px;
}
.content_comment textarea {
	padding-top : 6px;
	padding-left : 22px;
	width : 100%;
}
/* bote comlment */
.boite_comment {
	padding : 15px;
	border :  #dddddd solid 1px;
}
.boite_comment h2 
{
	padding-left : 28px;
	color : #285276;
	background : url('../images/bulle.png') no-repeat 0 4px; 
}
#center .boite_comment p {
	padding-top : 7px;
	color: #838383;
}
/* commantaires */
/* contact */
.coordonnes_contact
{
	width:450px;
	height:auto;
	float:left;
}
.coordonnes_contact p 
{
	color:#ff0000;
	font-size: 14px;
}
.coordonnes_contact a 
{
	color:#c52874;
	font-weight: bold;
	font-size: 14px;
}
.coordonnes_contact img
{
	padding-right: 15px;
	position:relative;
	top:9px;
}
#cadres
{
	width:450px;
	height:270px;
	background-image: url('../images/ipad.png');
	margin-top: 58px;
	z-index: -99999;
}
#map
{
	width: 393px;
	height: 206px;
	position: relative;
	top: 26px;
	left: 30px;
}
.icon
{
	width:24px;
	height:24px;
	background-color: #ff0000;
	float:left;

}
#contact input 
{
	border:1px solid #ff0000;
}
#contact h1 {
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    padding: 12px 0 12px 45px;
}
#contact label {
	padding-left : 20px;
	text-transform : uppercase;
	font-weight : bold;
	font-size: 14px;
}
#contact textarea, #contact input[type="text"] {
	width : 230px;
}
#text_contact {
	padding-top : 32px;
	border-top: 1px solid #E2E2E2;
}
#contact .comment {
	border-top : none;
	padding: 0px 30px;
}
#contact .borderBottom {
	padding-bottom : 10px;
	border-bottom : 1px solid #E2E2E2;
}
#contact .content_comment {
	width : 370px;
	padding-left : 20px;
}
/* contact */
/*
 * 
 *   block RIGHT
 *  
 *  */
#right {
	width:360px;
	float:left;
	margin-left : 8px;
}
#right p {
	color: #fff;
}
#right .bande {
	height : 28px;
	padding : 7px;
	background : #285276;
}
#right .bande input[type="submit"] {
	width : 65px;
	height : 28px;
	background : #c52874;
	border : none;
}
#right .bande_propos .bandeau {
	width : 290px;
	height : 32px;
	padding-top : 10px;
	padding-left : 15px;
	background : #285276;
}
#right .bande_propos span {
	width : 52px;
	height : 42px;
}
.bande input[type="text"] {
	width : 258px;
	height : 26px;
	background : url('../images/bg_input2.jpg');
}
#right #nos_application_android {
	width : 360px;
	height : 171px;
}
#right #pourquoi_android {
	width : 360px;
	height : 161px;
}
#follow_block {
	height : 35px;
	padding-top : 6px;
	background : url("../images/follow_bg.jpg") no-repeat;
	color : #1c3851;
}
#follow_block .follow_txt {
	width : 170px;
	padding-left : 16px;
	padding-top : 5px;
	text-transform : uppercase;
	font-size : 16px;
}
#follow_block .follow_txt span {
	font-weight : bold;
}
#follow_block .icon_rs {
	margin-right : 6px;
}
#block_newsletters {
	height : 191px;
	background : url('../images/bg_newsletters.png');
	padding-left : 15px;
	margin-bottom : 60px;
}
#block_newsletters .txt_nl {
	width : 260px;
	padding-top : 26px;
	font-size : 27px;
	color : #505050;
}
#form_newsletters label {
	width : 80px;
	height : 29px;
	padding-top : 8px;
	padding-left : 28px;
	float:left;
	margin-right : 2px;
	color: #fff;
	background : url('../images/bg_label_nl.png');
	font-size : 14px;
}
#form_newsletters input[type="text"]{
	width : 200px;
}
#form_newsletters .alignRight {
	margin-right : 15px;
	margin-top : 8px;
}
#txt_propos_right {
	height : 95px;
	padding : 20px 25px;
	background : #285276;
	color : #fff;
}
#txt_propos_right img {
	float:left;
	margin-right : 15px;
}
.vert {
	color: #c52874;
}
#block_artilces_populaire {
	background : #f5f5f5;
}
.resume_article {
	padding : 10px;
	border-bottom : #dbdbdb solid 1px;
}
.resume_article:hover {
	background : #fff;
}
.resume_article:hover .alignRight{
	display : block;
}
.resume_article a:hover {
	text-decoration : underline;
}
.resume_article .titre_resume {
	width : 230px;
	margin-left : 20px;
}
.resume_article .alignRight {
	display:none;
}
.resume_article .alignRight a{
		color : #285276;
}
#right .titre_resume p, #right .titre_resume h1 {
	color : #285276;
	margin-bottom : 7px;
}
/*
 * block FOOTER
 * 
 * */
#footer {
	width:100%;
	height:38px;
	padding-top : 5px;
	background: #c52874;
	margin-top : 13px;
}
#plan_site {
	width : 640px;
	height : 30px;
	padding-top : 13px;
	padding-left : 46px;
	background: url('../images/bg_plan.png') no-repeat;
}
#plan_site li{
	padding : 0 7px;
	border-right : #fff solid 1px;
}
#information_footer {
	color : #fff;
}
.txt_info {
	width : 285px;
	padding-left  : 55px;
	padding-right : 20px;
	border-right : #fff solid 1px;
}
.txt_info p {
	color : #fff;
}
#follow_footer {
	padding-left : 12px;
}
#follow_footer li {
	margin-right : 7px;
}
#information_footer .alignRight {
	float:right;
}
#form  input[type="text"], #form  input[type="password"], select{
	width : 276px;
	margin-right : 0;
	border: 1px solid #c52874;
}
select {
	width : 296px;
}
#form textarea{
	width : 294px;
	margin-right : 0;
	border: 1px solid #c52874;
}
#form {
	width : 405px;
}
.form_contact
{
	float:right;
}
#conteneur_footer li 
{
	line-height: 33px;
}
#conteneur_footer li img {
	vertical-align : middle;
}
#conteneur_footer li.right {
	float : right;
	line-height: 28px;
}
table th {
	background : #c52874;
	color : #fff;
	text-align : center;
	height : 38px;
	text-transform : uppercase;
}
table th+th, table td+td {
	border-left : #d4d4d4 solid 1px;
}

table td {
	color : #1d3b55;
	height : 38px;
	padding-left : 11px;
	line-height : 22px;

}
table tr+tr td {
	border-bottom : #d4d4d4 solid 1px;
}

table {
	border : #d4d4d4 solid 1px; 

}
#infographie {
	height : 760px;
	background : url("../images/infographie.png") no-repeat center;
	position:relative;
	left:-166px;
}
#chiffre_android, #chiffre_ios {
	width : 136px;
	height : 33px;
	padding-top : 3px;
	color : #fff;
	font-size : 26px;
	margin-top : 654px;
	position : absolute;
	margin-left : 227px;
	text-align : center;
}
#chiffre_ios {
	margin-left : 545px;
}
.sous_menu {
	display : none;
}
.message_confirmation {
	width : 90%;
    margin : 20px auto;
	padding : 15px;
	text-align : center;
	background : #91BC21;
}
#center .form_message #id_message {
	height : 70px;
}
.td1 {
	width : 130px;
}
.td2 {
	width : 250px;
}
.td3, .td4 {
	width : 90px;
}
.widget {
	width:330px;
	/*padding-top : 25px;*/
	/*padding-left : 20px;*/
	/*background : #f40;*/
	position:absolute;
	top:26px;
	right:0;
}
.widget img
{
	display:block;
	margin-right: auto;
	margin-left: auto;
}
body .rouge_border {
	border : 1px solid #FF9F9F !important;
}
.compteur {
	color: #999999;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
	margin-bottom : 2px;
    /*padding-right: 10px;*/
}
#overlay {
	width : 100%;
	height : 100%;
	position : fixed;
	top : 0;
	left : 0;
	background : url("../images/transBleu.png");
	z-index : 100;
	display : none;
}
#popup {
	width : 100%;
	position : absolute;
}
#cont_popup {
	width : 500px;
	padding : 30px 0;
	text-align : center;
	background : #fff;
	margin : 100px auto;
	color : #285276;
	font-size :18px; 
}
.bleu {
	color : #285276;
}
.bloc_ {
	display : inline-block;
	width : 217px;
}
.social_media p
{
	float:left;
}
.btn_config
{
	padding: 10px;
	background-color: #c52874;
	display:block;
	width:259px;
	margin-left: 26px;
	text-align: center;
	margin-bottom: 10px;
	transition:all ease 0.5s;
}
.btn_config:hover
{
	background-color: #ad165f;
}
/*
 * espace_client
 */
#espace_client {
	padding : 15px;
	border : 1px solid #e2e2e2;
	background : #fff;
}
.logo_client {
	width : 100px;
}
.logo_client img {
	max-width : 100px;
}
.nom_client {
	margin-left : 20px;
	padding-top : 10px;
	font-size : 18px;
	color : #919294;
	text-transform : uppercase;

}