/*
 * STYLE VITRINE
 */

body {
	font: normal 80% "Trebuchet MS", Arial, Tahoma, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
    background: url('/images/vitrine/background.gif') repeat-x #EFEFEF;
	color: #3E3E3E;
}

h1, h2, h3, p, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #0066b6;
}

a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

#global {
    width: 938px;
    margin: 0 auto;
}


/*
 * LOGO ET LOGIN DE CONNEXION
 */

#header {
    height: 110px;
}

#logo {
    float: left;
    width: 335px;
    height: 70px;
    margin-top: 16px;
    margin-left: 16px;
}

#logo img {
    border: 0;
}

#login {
    float: right;
    width: 170px;
    margin-top: 20px;
    margin-right: 16px;
}

#login form {
    position: relative;
	margin: 0;
}

#login .champ {
    text-indent: 1px;
	width: 117px;
	margin-bottom: 6px;
    border: 1px solid #0066b6;
    color: #002e52;
}

#login .bouton {
	position: absolute;
	top: 12px;
	right: 0;
    font-weight: bolder;
	background-color: #0066b6;
    border: 1px solid #0066b6;
	color: #FFF;
    cursor: pointer;
}


/*
 * MENU DE NAVIGATION
 */
 
#onglet {
     height: 47px;
     background: url(/images/vitrine/barre.gif) no-repeat;
}

#onglet ul {
	float: left;	
}

#onglet li {
    float: left;
	background: url(/images/vitrine/separe.gif) no-repeat right top;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 16px;
    padding-right: 2px;
}

#onglet li a {	
	display: block;
    padding: 11px 15px;  
    line-height: 28px;
    text-decoration: none;
    color: #7B7B7B;
}

/* Premier lien du menu */
#onglet li:first-child a {
    padding-left: 22px;
}

#onglet li:first-child .actif,
#onglet li:first-child a:hover {
    background: url(/images/vitrine/actif.gif) no-repeat left top;
    color: #FFF;
}

/* Autres liens du menu ul */
#onglet li .actif,
#onglet li a:hover {
    background: url(/images/vitrine/actif.gif) no-repeat right top;
    color: #FFF;
    height: 40px;
}

#onglet li a span {
    color: #D00076;
}


/*
 * PARTIE CENTRALE AVEC IMAGE DE FOND
 */

#center {
    background: url('/images/vitrine/center.gif') no-repeat left top;
    height: 208px;
}

/* Titre et sous titre */
#titre {
    padding-left: 30px;
}

#titre h1 {
    font-size: 30px;
    color: #FFF;
}

#titre p {
    font-weight: bolder;
    color: #0cbdf5;    
}


/* Bouton cliquable */
#bouton {
    padding-left: 150px;    
    text-align: center;
}

#bouton  a {
    display: block;
    background: url('/images/vitrine/bouton1.gif') no-repeat left top;
    width: 188px;
    height: 37px;
    line-height: 35px;
    text-decoration: none;
    font-weight: bolder;
    color: #FFF;
}


/*
 * CONTENU DE LA PAGE
 */

#contenu {
    background: #FFF url('/images/vitrine/body.gif') repeat-y left top;
    min-height: 500px;
}

#contenu #degrade {
    background: url('/images/vitrine/degrade.gif') no-repeat 5px top;
    padding: 22px; 
}

#contenu h2 {
    background: url('/images/vitrine/puce.png') no-repeat left top;
    background-position: 0% 50%;
    text-transform: uppercase;
    text-indent: 30px;
    font-size: 26px;
    font-weight: normal; 
    color: #002e52;
}

#contenu p {
    margin-top: 4px;
    margin-bottom: 10px;
    text-align: justify;
}

/* Tableau des campagnes */
.camphaut,
.campbas {
    width: 165px;
    height: 20px;
    padding: 5px;
    text-align: center;
    color: #002e52;
}

.camphaut {
    background: #FFF url('/images/vitrine/tablecamp1.gif') no-repeat left top;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 16px;
}

.campbas {
    background: #FFF url('/images/vitrine/tablecamp2.gif') no-repeat bottom left;
}

.campagne {
    background-color: #FFF;
    border-left: 1px solid #4094d5;
    border-right: 1px solid #4094d5;
    text-align: center;
    width: 173px;    
}

.campagne img {
    border: 1px solid #002E52;
    margin-top: 2px;
    margin-bottom: 2px;
}


/* Mise en page des blocs de Accueil */
.bloc1 {
    width: 680px;
    margin-right: 22px;
}

.bloc2 {
    float: left;
    width: 321px;
    margin-top: 10px;
}

.bloc3 {
    float: right;
    width: 321px;
    margin-top: 10px;
}

.bloc2 a,
.bloc3 a {
    display: block;
    background: url('/images/vitrine/bouton2.gif') no-repeat left top;
    width: 192px;
    height: 43px;
    margin: 0 auto;
    line-height: 42px;
    font-weight: bolder;
    text-decoration: none;
    text-align: center;
    color: #FFF;
}

.bloc2 ul,
.bloc3 ul {
    margin-top: 6px;
    padding: 10px;
    list-style: none;
}

.bloc2 ul li,
.bloc3 ul li {
    line-height: 24px;
}

.bloc2 ul {
    background: url('/images/vitrine/blocweb.gif') no-repeat left top;
}

.bloc3 ul {
    background: url('/images/vitrine/blocadv.gif') no-repeat left top;
}

/* Alignement des blocs */
.inline {
   display: inline-block;
   vertical-align: top;
}


/*
 * FORMULAIRE D'INSCRIPTION
 */

#form1 .form {
    float: left;
    width: 46%;
    margin: 15px 0px;
}

#form1 .form h3,
#form1 .msgform h3 {
    color: #404040;
    font-weight: normal;
}

#form1 .separe {
    border-right: 1px dotted #002E52;
    margin-left: 30px;
    margin-right: 30px;
}

#form1 label,
#form1 span {
    display: inline-block;
    vertical-align: top;
}

#form1 label {
    width: 170px;
}

#form1 h3 {
    font-size: 18px;
}

#form1 p {
    margin: 8px;
}

#form1 select,
#form1 textarea,
#form1 input[type="text"],
#form1 input[type="password"] {
    border: 1px solid #0066B6;
    color: #002E52;
    width: 210px;
}

#form1 span img {
    margin-top: 4px;
}

#form1 ul {
    float: left;
    margin: 8px;
}

#form1 .btnform {
    clear: both;
    margin: 0 auto;
    text-align: center;
    border-top: 1px dotted #002E52;
    padding-top: 8px;
    margin-bottom: 15px;
}

#form1 input[type="submit"] {
	background-color: #002E52;
    border: 1px solid #002E52;
    cursor: pointer;
    margin-top: 8px;
	color: #FFF;
}

#form1 .msgform {
    width: 92%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
 

/* Formulaire de contact */
#form1 .contact {
    width: 70%;
    margin: 0 auto;
}

#form1 .contact textarea {
    width: 70%;
}

#form1 .contact input[type="submit"] {
    font-weight: bolder;
	background-color: #0066B6;
    border: 1px solid #0066B6;
    cursor: pointer;
	color: #FFF;    
}


/*
 * FAQ - ACTUALITE
 */

#faq1, #faq2, #faq3 {
    margin: 10px;
}

#web, #adv, #aide {
    margin-bottom: 10px;
}

.actualite,
.txt {
    margin: 10px 10px 22px 10px;
}

.txt ul {
    line-height: 22px;
}


/*
 * TABLEAU SIMPLE
 */

.txt table {
    width: 50%;
    border-collapse: collapse;
}

.txt table thead tr {
    text-align: left;
    font-weight: bold;
    border: 1px solid #3E3E3E;
}

.txt table thead th,
.txt table tbody td {
    text-align: left;
    border-left: 1px solid #3E3E3E;
    border-right: 1px solid #3E3E3E;
    border-bottom: 1px solid #3E3E3E;
    padding: 2px;
}


/*
 * PIED DE PAGE
 */

#footer {
    background: url('/images/vitrine/footer.gif') no-repeat left top;
    height: 60px;
    padding-top: 20px;
    color: #7D7D7D;
}

#footer a {
    text-decoration: none;
    color: #7D7D7D;
}

#footer a:hover {
    text-decoration: underline;
}

#footer p {
    text-align: center;
    margin-top: 4px;
}


/*
 * FORMULAIRE LOGIN
 */

.login {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #FFF;
}

.login table  {
	background-color: #FFF;
	border: 1px solid #8F8F8F;
    width: 80%;
}

.login table .champ {
	border: 1px solid #BEBCAF;
	padding: 2px;
}

.login table span {
	text-align: center;
	font-weight: bolder;
	display: block;
}