/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/************************************************************   RESET CSS  *************************************************************/
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/*****************************************************************   page  *************************************************************/
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/


body{
        /*
        background-color:#160000;
        */
        background-color:#000;
        font-family:Myriad Pro;
        font-size:15px;
        line-height:1.5;
        text-align:left;
        color:#FFFFFF;
}

.cCC9933{
        color:#CC9933;/*Orange*/
}
.cursor{cursor:pointer;}
.bold{font-weight:bold;}
.both{clear:both}
.hidden{overflow:hidden;}
.left{float:left;}

a{
        color:#CC9933;/*Orange*/
}

#semater,
#se_mater_page,
#exhib_webcam{
	width:956px;
	height:700px;
	margin:0 auto;
	text-align:left;
	background-image:url(/image/template/zone_visiteur/semater/background.jpg);
	background-repeat:no-repeat;
}

/*Connexion*/
#deja_inscrit{
        margin-left:600px;
        padding-top:10px;
        width:320px;
        height:20px;
}

#deja_inscrit a{
        color:#CC9933;/*Orange*/
}

/*Nb membres*/
#nb_membres{
        margin-left:620px;
        padding-top:64px;
        width:160px;
}

/*Baseline thumbs*/
#baseline_thumbs{
        font-size:17px;
        margin-left:16px;       
        padding-top:230px;
}

/*Les thumbs*/
#thumbs{

}

#thumbs table{
        margin-left:20px;
        margin-top:30px;
}

#thumbs table td{
        padding:5px;
}

#thumbs table .img_fond_thumbs{
        width:84px;
        height:84px;
        overflow:hidden;
}

#thumbs table .img_fond_thumbs img{
        border:2px solid #CC9933;
}

#thumbs table .fond_thumbs{
        width:80px;
        height:80px;
        position:relative;
        top:-80px;
        background-color:#CC9933;
        opacity:0.3;
        filter: alpha(opacity=30);
}

*+html div#thumbs table .fond_thumbs{
        top:-86px;
}

*html div#thumbs table .fond_thumbs{
        top:-86px;
}

/*Formulaire d'inscription*/

#formulaire_inscription{
        height:368px;
        margin-left:577px;
        margin-top:-420px;
        width:338px;
}

#formulaire_inscription .critere{
        clear:both;
        overflow:hidden;
        margin-bottom:10px;
		height:30px;
}

#formulaire_inscription label, #formulaire_inscription select, #formulaire_inscription input.item_text{
        display:block;
        float:left;
        font-size:15px;
}

#formulaire_inscription label{
        font-weight:bold;
        width:100px;
        margin-right:10px;
        margin-left:24px;
}

*html div#formulaire_inscription label{
        margin-left:13px;
}

#formulaire_inscription select, #formulaire_inscription input.item_text{
        background-color:#FFCC99;
        border:1px solid #CCCCCC;
        color:#000;
        font-weight:bold;
}

#formulaire_inscription input.item_text{
        padding-bottom:3px;
}

#formulaire_inscription input.item_text{
        width:189px;
}

*html div#formulaire_inscription input.item_text{
        width:185px;
        padding-bottom:2px;
        padding-top:2px;
}

*html div#formulaire_inscription input.item_text{
        width:185px;
}

#formulaire_inscription select{
        width:191px;
}

*+html div#formulaire_inscription select{
        width:189px;
}

*html div#formulaire_inscription select{
        width:189px;
}

#formulaire_inscription #cgu{
        clear:both;
        overflow:hidden;
        width:355px;
        margin-top:10px;
}

#formulaire_inscription #cgu #cgu_box, #formulaire_inscription #cgu #cgu_txt{
        float:left;
}

#formulaire_inscription #cgu #cgu_box{
        width:20px;
        margin-left:20px;
}

*html div#formulaire_inscription #cgu #cgu_box{
        margin-left:12px;
}

#formulaire_inscription #cgu #cgu_txt{
        width:295px;
}

*+html #formulaire_inscription #cgu #cgu_box input{
        margin-top:-1px;
}

*html #formulaire_inscription #cgu #cgu_box input{
        margin-top:-1px;
}

 #formulaire_inscription #cgu a{
        color:#E3862C
}

#formulaire_inscription #validation input{
        width:301px;
        height:54px;
        border:0 none;
        background-color:transparent;
        cursor:pointer;
        background-image:url(/image/template/zone_visiteur/semater/validation.gif);
        margin-left:18px;
        margin-top:10px;
}

#formulaire_inscription #validation input:hover{
        background-image:url(/image/template/zone_visiteur/semater/validation_hover.gif);
}

/*Formulaire de connexion*/


#formulaire_connexion{
        height:20px;
        padding-top:20px;
        margin-left:580px;
        width:355px;
        display:none;
        margin-top:-40px;
        /*
        background-color:blue;
        filter: alpha(opacity=50);
        overflow:hidden;
        */
}

#formulaire_connexion  #form_login{
        clear:both;
        overflow:hidden;
        width:355px;
        height:30px;
}

#formulaire_connexion  #form_login label{
        display:none;
}

#formulaire_connexion  #form_login #pseudo, #formulaire_connexion  #form_login #passe{
        float:left;
        margin-left:10px;
        margin-top:0px;
        width:80px;
}

#formulaire_connexion  #form_login #pseudo input, #formulaire_connexion  #form_login #passe input{
        width:80px;
        margin-left:10px;
        background-color:#FFCC99;
        border:1px solid #CCCCCC;
        color:#000;
}

#formulaire_connexion  #form_login #pseudo{
        margin-left:32px;
}

*+html  div#formulaire_connexion  #form_login #pseudo, *+html  div#formulaire_connexion  #form_login #passe{
        margin-left:16px;
}

*html  div#formulaire_connexion  #form_login #pseudo, *html  div#formulaire_connexion  #form_login #passe{
        margin-left:10px;
}

#formulaire_connexion  #form_login #bt_connexion{
        margin-left:21px;
        margin-top:0px;
        background-color:#E3862C;
        border:1px solid #CC9933;
        color:#000;
        font-weight:bold;
        cursor:pointer;
}

*+html div#formulaire_connexion  #form_login #bt_connexion{
        margin-left:42px;
        margin-top:-2px;
}

*html div#formulaire_connexion  #form_login #bt_connexion{
        margin-left:8px;
        margin-top:0px;
}

#formulaire_connexion  #form_login a#identifiants_perdus{
        color:#E3862C;
        display:block;
        margin-left:272px;
        margin-top:-18px;
}

*+html div#formulaire_connexion  #form_login a#identifiants_perdus{
        margin-left:274px;
        margin-top:-23px;
}

*html div#formulaire_connexion  #form_login a#identifiants_perdus{
        margin-left:284px;
        margin-top:-23px;
}


/*Baseline orange*/
#baseline_orange{
        font-size:20px;
        margin-left:22px;
        margin-top:70px;
}

#baseline_orange ul, #baseline_orange li{
        margin:0;
        padding:0;
        background-image:none;
        list-style:none;
}

/*Texte de réferencement en pied de page*/

#texte_referencement{
        color:#fff;
        width:588px;
        text-align:center;
        margin:40px auto 0;
        font-size:12px;
        color:#7A7A7A;/*Gris*/
        margin-bottom:20px;
		font-family:Arial;
}
#se_mater_page #texte_referencement,
#exhib_webcam #texte_referencement{
	text-align:justify;
}

#texte_referencement ul, #texte_referencement li{
        padding:0;
        margin:0;
}

#texte_referencement ul#keywords{
        text-align:left;
        margin-top:50px;
}

#texte_referencement ul#keywords a{
        color:#E3862C;/*Violet rose*/
        display:block;
        margin-top:10px;
}

/*** OVERLAY PASS PERDU ***/
#bg_overlay{
        width:100%;
        height:100%;
        background-color:#000;
        position:absolute;
        opacity:0.6;
        filter: alpha(opacity=60);
        display:none;
        top:0px;
        left:0px;
}

#overlay_pass_perdu{
        width:340px;
        height:190px;
        padding-top:10px;
        background-color:#000000;
        display:none;
        text-align:center;
        border:solid 5px #CC9933;
        -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
        position:absolute;  
	z-index:50;		
}

#overlay_pass_perdu .close{
        width:32px;
        height:32px;
        position:absolute;
        z-index: 10000;
        margin-left:330px;
        margin-top:-30px;
        background-image: url(/image/module/galerie/fileclose.png);
}

#overlay_pass_perdu   #titre_pass_perdu{
        font-size:16px;
        text-transform:uppercase;
}



#overlay_pass_perdu  #text_pass_perdu{
        color:#fff;
        padding-left:10px;
        padding-right:10px;
        text-align:left;
        font-weight:normal;
        font-size:12px;
}

#overlay_pass_perdu  #text_pass_perdu form{
        margin-top:20px;        
}

#overlay_pass_perdu  #mon_email{
        width:150px;
        height:22px;    
        background-color:#FFFFFF;
        border:1px solid #CC9933;
        font-size:14px;
        font-weight:bold;
        padding-left:3px;
        float:left;     
        -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;  
        padding-top:3px\9;
        height:19px\9;          
}

#overlay_pass_perdu  #submit_mon_email{
        height:28px;
        width:140px;
        background-color:#CC9933;
        border:1px solid #FFFFFF;
        color:#FFFFFF;
        cursor:pointer;
        font-weight:bold;
        margin-left:10px;
        -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;  
}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/**********************************************         FOOTER          ********************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/
#mentions_legales{
        width:956px;
        margin:0 auto;
}

.menu_zv{
	list-style:none;
	width:920px;
	height:50px;
	margin:0 auto;
	margin-bottom: 5px;	
	margin-top:20px;
	margin-left:18px;
	padding:0px;
	font-size:11px;	
	border-top:dotted 1px #CC9933;
	font-family:Arial;
}

.menu_zv li{
	float:left;
	width:100px;
	text-align:center;
	padding-top:5px;
}

.menu_zv #li_homme_cherche_femme{
	width:120px;
}


#mentions_legales ul.link_zv{
        list-style:none;
        width:956px;
        height:20px;
        margin:0 auto;
        margin-bottom: 5px;     
        padding:0px;
        font-size:11px; 
        border-bottom:dotted 1px #CC9933;       
}

#mentions_legales ul.link_zv li{
        float:left;
        width:159px;
        text-align:center;
}

#mentions_legales #copyright{
        text-align: center;
        font-family: arial;
        font-size: 10px; 
        padding-top: 15px; 
        margin-bottom:10px;
}

#mentions_legales #blog{
        text-align: center;
        font-family: arial;
        font-size: 11px; 
        padding-top: 15px; 
        margin-bottom:10px;
}

#mentions_legales #mentions_legales{
        text-align: center;
        font-family: arial;
        font-size: 10px; 
        padding-bottom: 10px; 
        width:700px;
        margin-bottom:10px;
        margin:0 auto;
}


.container{
        width:956px;
        height:auto;
        margin:0 auto;
        text-align:left;
        background-image:url(/image/template/zone_visiteur/semater/fond1.jpg);
        background-repeat:no-repeat;
        background-position:center top;
        background-attachment:fixed;
        font-family:Arial;
}

.inscription{
        width:300px;    
        margin-left:10px;       
        margin-top:60px;        
        color:#fff;
        text-align:center;
}

.btn_inscription{
        width:298px;
        height:50px;
        background: -webkit-gradient(linear, left top, left bottom, from(#E1874C), to(#151515));
        background: -moz-linear-gradient(top,#E1874C,#151515);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E1874C, endColorstr=#151515);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#E1874C, endColorstr=#151515)";
        color:#000;
        border:solid 1px #E1874C;
        -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
        font-size:30px;
        font-weight:bold;
        cursor:pointer;
        text-align:center;
        text-transform:uppercase;
        float:left;
        margin-top:20px;
}

.btn_inscription:hover{
        color:#fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#E1874C));
        background: -moz-linear-gradient(top,#151515,#E1874C);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#151515, endColorstr=#E1874C);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#151515, endColorstr=#E1874C)";  
}

.content{
        background-color:#151515;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
        border:solid 2px #151515;
        width:660px;
        margin-top:45px;
}

.content h3{
    text-align:left;
    font-size:24px;
    font-weight:bold;
    float:left;
        width:650px;
    padding:5px 0px 5px 10px;
    margin:8px 0px;
        background-color:#000000;
        color:#E1874C;
        display:block;  
        text-transform:uppercase;
}

.content .text{
        display:block;
        width:620px;    
        height:auto;
        margin-bottom:20px;
        margin-top:20px;
        padding-left:20px;
}

.content .text .titre{
        margin-top:10px;
        padding-left:10px;
}


#visiochat .content img{
        margin:0 auto;
        margin-top:15px;
        width:660px;
}

#visiochat .content p{
        padding:10px;
        width:640px;
}


#faq .text .titre{
        margin-top:20px;
}

#faq #photo1{
        margin-left:119px;
        margin-bottom:10px;
        margin-top:10px;
        border: solid 5px #E1874C;
        -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
        

#cgu h2{
    text-align:left;
    font-size:24px;
    font-weight:bold;
    float:left;
    width:650px;
    padding:5px 0px 5px 10px;
    margin:8px 0px;
        background-color:#000000;
        color:#E1874C;
        display:block;  
        text-transform:uppercase;
        margin-left:-10px;
}

#cgu .text h3, #cgu .text h2{
        margin-left:-20px;
}

#cgu .text{
        color:#fff;
}

#cgu.text a{
        color:#fff;
}

#cgu .text ul li{
        list-style:none;
}

#cgu .text #menu{
        list-style:none;
}

#cgu .text table{
        border:1px solid #fff;
        margin-bottom:10px;
        width:630px;
        font-size:11px;
}

#cgu .text table caption{
        font-size:14px;
}

#cgu .text tr, #cgu .text td{
        border:1px dotted #fff;
}

#cgu .text td{
        padding-left:3px;
        padding-right:3px;
}

#temoignage ul{
        width:620px;
}
#temoignage ul.text li{
        height:220px;
        float:left;
}

#temoignage .annonce{
        width:410px;
        margin-top:20px;
        text-align:justify;
}

#temoignage .infos{
        width:410px;
        display:block;
        text-align:right;
        margin-right:20px;
        font-style:italic;
        float:right;
}


#temoignage img{
        -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
        border:solid 5px #E1874C;
        margin-left:20px;
}

#soiree_visio img{
        margin-left:40px;
}

#soiree_visio  .bloc_soiree{
        width:330px;
        height:380px;
        float:left;
}
#soiree_visio  .margin_center{
        margin-left:165px;
}


#soiree_visio  .bloc_soiree ul{
        width:290px;
        padding-left:20px;
        text-align:justify;
        line-height:18px;
}

#soiree_visio  .bloc_soiree ul li.titre{
        margin-top:8px;
}

#soiree_visio  .bloc_soiree ul li.suite{
        color:#E1874C;
        text-decoration:underline;
        margin-top:3px;
        cursor:pointer;
        margin-bottom:25px;
}


#fonctionnalites ul{
        padding-left:20px;
        text-align:justify;
        width:620px;
        margin-bottom:20px;
}

#fonctionnalites ul li.titre{
        margin-top:10px;
}


#notre_service .text{
        text-align:justify;
}


#securite .text .titre{
        margin-top:15px;
        margin-bottom:10px;
        margin-left:10px;       
}


#conseils ul{
        padding-top:10px;
        padding-left:20px;
        width:620px;
        margin-bottom:15px;
        line-height:20px;
        font-size:14px;
        text-align:justify;
}

#conseils img{
        margin-left:57px;
}

#conseils ul li.titre{
        margin-top:10px;
        padding-left:20px;
        font-size:16px;
}

#conseils ul img{
        margin-left:0px;
}

#conseils ul li.red{
        color:red;
}

#conseils .profil_h,#conseils .valide_h{
        width:620px;
}

#conseils .profil_h  li{
        margin-left:12px;
}

#conseils .valide_h{
        margin-top:-20px;
}

#conseils .valide_h  li{
        margin-left:12px;
        text-align:center;
        width:178px;
}

#conseils .profil_f ,#conseils .valide_f{
        width:620px;
}

#conseils .profil_f  li{
        margin-left:30px;
}

#conseils .valide_f{
        
        margin-top:-20px;
}

#conseils .valide_f li{
        margin-left:30px;
        text-align:center;
        width:134px;
}
*/

/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/************************************************   OVERLAY INSCRIPTION   **************************************************************/
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/

#overlay_inscription{
        width:400px;
        height:360px;
        padding-top:10px;
        background-color:#000000;
        display:none;
        text-align:center;
        border:solid 5px #E1874C;
        -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
        position:absolute;      
}

#overlay_inscription .close{
        width:32px;
        height:32px;
        position:absolute;
        z-index: 10000;
        margin-left:390px;
        margin-top:-35px;
        background-image: url(/image/module/galerie/fileclose.png);
}

#overlay_inscription h2{
    text-align:center;
    font-size:24px;
    font-weight:bold;
        width:400px;
    padding:5px 0px 5px 0px;
        margin-top:8px;
    margin-bottom:20px;
        background-color:#151515;
        color:#E1874C;
        display:block;  
        text-transform:uppercase;
}       

#overlay_inscription .critere{
        clear:both;
        overflow:hidden;
        margin-bottom:10px;
}

#overlay_inscription label, #overlay_inscription select, #overlay_inscription input.item_text{
        display:block;
        float:left;
        font-size:15px;
}

#overlay_inscription label{
        font-weight:bold;
        width:120px;
        margin-right:10px;
        margin-left:24px;
}

*html div#overlay_inscription label{
        margin-left:13px;
}

#overlay_inscription select, #overlay_inscription input.item_text{
        background-color:#FFCC99;
        border:1px solid #CCCCCC;
        color:#000;
        font-weight:bold;
}

#overlay_inscription input.item_text{
        width:220px;
        padding-bottom:3px;     
        padding-top:3px\9;
}

#overlay_inscription select{
        width:222px;
}


#overlay_inscription #cgu{
        clear:both;
        overflow:hidden;
        width:400px;
        margin-top:10px;
}

#overlay_inscription #cgu #cgu_box, #overlay_inscription #cgu #cgu_txt{
        float:left;
}

#overlay_inscription #cgu #cgu_box{
        width:20px;
        margin-left:10px;
}

*html div#overlay_inscription #cgu #cgu_box{
        margin-left:5px;
}

#overlay_inscription #cgu #cgu_txt{
        width:350px;
}

*+html #overlay_inscription #cgu #cgu_box input{
        margin-top:-1px;
}

*html #overlay_inscription #cgu #cgu_box input{
        margin-top:-1px;
}

 #overlay_inscription #cgu a{
        color:#E3862C
}

#overlay_inscription #validation input{
        width:301px;
        height:54px;
        border:0 none;
        background-color:transparent;
        cursor:pointer;
        background-image:url(/image/template/zone_visiteur/semater/validation.gif);
        margin-left:18px;
        margin-top:20px;
}

#overlay_inscription #validation input:hover{
        background-image:url(/image/template/zone_visiteur/semater/validation_hover.gif);
}

/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/***********************************************   FORMULAIRE DE CONTACT   *************************************************************/
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/

#contact #formulaire_contact{
        padding-left:10px;
}

#contact p{
        margin-left:5px;
        margin-right:5px;
}

#contact #formulaire_contact ul{
        padding-bottom:15px;
}

#contact #formulaire_contact ul li{
        clear:both;
        overflow:hidden;
        margin-bottom:5px;
}

#contact #formulaire_contact select, #contact #formulaire_contact input, #contact #formulaire_contact textarea{
        display:block;
        float:left;
        -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
        border:solid 1px #E1874C;
        background-color:#000;  
        color:#fff;
        padding-left:3px;
}

#contact #formulaire_contact label{
        width:140px;
        padding-left:20px;
        height:22px;    
        display:block;
        float:left;     
        padding-top:2px;
}

#contact #formulaire_contact select{
        width:445px;
        height:22px;    

}

#contact #formulaire_contact input{
        width:440px;    
        height:22px;    
        padding-top:3px\9;
}

#contact #formulaire_contact textarea{
        width:440px;
        height:150px;
}

#contact #formulaire_contact input#validation_input{
        width:auto;
        background: -webkit-gradient(linear, left top, left bottom, from(#E1874C), to(#151515));
        background: -moz-linear-gradient(top,#E1874C,#151515);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E1874C, endColorstr=#151515);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#E1874C, endColorstr=#151515)";
        color:#000;
        border:solid 1px #E1874C;
        -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
        font-size:16px;
        font-weight:bold;
        cursor:pointer;
        text-align:center;
        float:left;
        margin-left:495px;
        margin-left:504px\9;
        margin-bottom:5px;
        margin-top:10px;
}

*+html #contact #formulaire_contact input#validation_input{
        margin-left:470px;
}

#contact #formulaire_contact input#validation_input:hover{
        color:#fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#E1874C));
        background: -moz-linear-gradient(top,#151515,#E1874C);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#151515, endColorstr=#E1874C);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#151515, endColorstr=#E1874C)";  
}