/*-----------------------------------------------------------------------------------------------------

        Projet : Sv-diffusion.com
        Website : www.Sv-diffusion.com.com

        Sommaire :  Generic
					Header
					Contenu
					Footer
                    
-------------------------------------------------------------------------------------------------------*/



/*GENERIC
-----------------------------------------------------------------------------------------------------*/

body {
	background:#0f001e;
}

.global {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../picture/bg_global.gif) repeat-y top center;
	/*width:972px;*/
	margin:auto;
}

.global p,
.global ul,
.global ul li {
	margin:0;
	padding:0;
}


.global_light {
	background:url(../picture/bg_global_light.jpg) no-repeat top center;
	width:100%;
}

.clear {
	clear:both;
}


/*HEADER
-----------------------------------------------------------------------------------------------------*/
.header {
	height:190px;
	background:url(../picture/header.jpg) no-repeat top left;
}



/*CONTENU
-----------------------------------------------------------------------------------------------------*/

.global_contenu {
	background:#0f001e;
	/*height:1000px;*/
}

.contenu {
	background:url(../picture/bg_nav.jpg) no-repeat top left;
	height:400px;
}

html>body .contenu {
	background:url(../picture/bg_nav.jpg) no-repeat top left;
	min-height:400px;
	height:auto; !important;
}


/* Navigation */

.nav {
	height:39px;
	padding-left:250px;
}

.nav ul li {
	/*display:inline-block;*/
	float:left;
	list-style-type:none;
}

.nav ul li a {
	margin-right:50px;
}

/* Bt QUI */
.nav ul li.qui a {
	width:150px;
	height:39px;
	display:block;
	background:url(../picture/bt_qui.png) no-repeat top left;
}

.nav ul li.qui a:hover {
	background:url(../picture/bt_qui.png) no-repeat bottom left;
}

.nav ul li.qui a.activ {
	background:url(../picture/bt_qui.png) no-repeat bottom left;
}


/* Bt REF */
.nav ul li.ref a {
	width:114px;
	height:39px;
	display:block;
	background:url(../picture/bt_ref.png) no-repeat top left;	
}

.nav ul li.ref a:hover {
	background:url(../picture/bt_ref.png) no-repeat bottom left;
}

.nav ul li.ref a.activ {
	background:url(../picture/bt_ref.png) no-repeat bottom left;
}

/* Bt CONTACT */
.nav ul li.contact a {
	width:66px;
	height:39px;
	display:block;
	background:url(../picture/bt_contact.png) no-repeat top left;	
}

.nav ul li.contact  a:hover{
	background:url(../picture/bt_contact.png) no-repeat bottom left;
}

.nav ul li.contact a.activ {
	background:url(../picture/bt_contact.png) no-repeat bottom left;
}


.entete {
    margin:20px 170px;
    text-align: justify;
    color: #FFF;
    font-size: 11px;
    /*font-family:"Times New Roman", Times, serif;*/
}

/* Bloc txt */

.txt .g {
	text-align:justify;
	margin:60px 20px 20px 120px;
}

.txt .d {
	text-align:justify;
	margin:60px 120px 20px 20px;
}

.txt p {
	font-size:11px;
	text-align:justify;
	padding:10px 20px 20px 20px;
	line-height:1.2em;
}

.txt b.ti {
    font-size:14px;
    text-align:left;
    padding-left:20px;
    font-family:Georgia,"Times New Roman",Times,serif;
    line-height:1.2em;
}

.txt ul {
    padding:0;
    margin:0;
    margin:10px 0 0 40px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;  
    line-height: 1.2em;
}

.txt ul li {
    padding:0;
    margin:0;
    list-style-image:url(../picture/puce.gif);
}

.img_deco {
	background:#CCCCCC;
	margin:80px 120px 40px 40px;
	height:200px;
}


/* Bloc ref */

.work {
	padding:40px 160px;
}

.work p {
	font-size:11px;
	padding:20px;
	line-height:1.2em;
}

.work a {
    font-size: 11px;
    display: inline-block;
    width: 250px;
    height: 100px;
    margin:10px;
    border:4px solid #1e0038;   
}

.work a:hover {
    border:4px solid #290045;   
}



/* Bloc form*/
.form {
	font-size:11px;
	text-align:justify;
	margin-top:40px;
	/*padding:20px;*/
	line-height:1.2em;
}

.form p {
	margin:0 0 0.2em;
	padding:0.2em 0;
    clear:both;
}

.form label {
	/*float:left; */
	line-height:1.8;
	margin:0;
	padding-right:4px;
	/*text-align:right;
	width:35%;*/
}

.form input {
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 11px;
    color: #fff;     
	padding:3px 2px 3px 4px;
	width:200px; !important;
    float: left;
    border:none;
	background:url(../picture/bg_input.jpg) no-repeat top left; 
}

.form input:focus {
    background:url(../picture/bg_input.jpg) no-repeat bottom left;  
    border:none;    
}

.form textarea {
    color: #fff;     
	padding:2px;
	width:400px;
    height: 257px;
    float: left; 
	border:none;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 11px;
	background:url(../picture/bg_textarea.jpg) no-repeat top left; 
}

.form textarea:focus {
	border:none;
    background:url(../picture/bg_textarea.jpg) no-repeat bottom left;
}

.form a {
	display:block;
	height:35px;
	width:106px;
	text-decoration:none;
	color:#FFFFFF;
	background:url(../picture/bt_envoyer.jpg) no-repeat bottom left;
}

.form a:hover {
	display:block;
	height:35px;
	width:106px;
	text-decoration:none;
	color:#FFFFFF;
	background:url(../picture/bt_envoyer.jpg) no-repeat top left;
}

/*===== validation Formulaire ======*/

.form .valid_true {
   background:url(../picture/valid_true.png) no-repeat bottom right;
   height:12px;
   width:12px;
   float: left;   
}

.form .valid_false {
    background:url(../picture/valid_false.png) no-repeat bottom right;
    height:12px;
    width:12px;
    float: left;   
}



/*FOOTER
-----------------------------------------------------------------------------------------------------*/
.footer {
	background:url(../picture/bg_footer.jpg) no-repeat top left;
    /*background: #ccc; */
	width:972px;
	height:100px;
	margin:auto;	
}

.footer p {
	color:#574d62;
	font-size:11px;
	padding-top:80px;
}