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

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

hr {
    clear: both;
    height: 1px;
    border: 0;
    border-top: 1px dotted #404040;
    vertical-align: middle;
}

p {
    text-align: justify;
}

a {
    text-decoration: none;
    color: #0f1b6a;
}

a:hover {
    text-decoration: underline;
    color: #0f1b6a;
}

.clear {
    clear: both;
}

img {
    border: 0;
    vertical-align: middle;
}

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


/* 
 * TEMPLATE DU HAUT
 */

#header {
    position: relative;
	width: 958px;
    height: 102px;
    margin: 0 auto;
}

#lng {
    position: absolute;
    top: 5px;
    right: 15px;
}

#logo {
    position: absolute;
    top: 20px;
    left: 15px;
    width: 248px;
    height: 56px;    
}

#login {
    position: absolute;
    top: 40px;
    right: 15px;
}

#login input[type="text"],
#login input[type="password"] {
	width: 120px;
    text-indent: 1px;
    border: 1px solid #49ab31;
    background-color: #f5fff3;
    margin-right: 4px;
    margin-bottom: 4px;
}

#login input[type="submit"] {
    font-weight: bolder;
    border: 1px solid #49ab31;
    background-color: #49ab31;
    color: #FFF;
}


/* 
 * MENU DE NAVIGATION
 */

.menu {
    background: url('/images/vitrine/background_menu.gif') repeat-x 0 0;
    font-size: 18px;
    width: 958px;
    height: 41px;
    margin: 0 auto;        
    text-align: center;    
    color: #FFF;    
}

.menu ul {
    padding-top: 7px;
}

.menu li {
    display: inline;
}

.menu li a {
    text-decoration: none;
    color: #FFF;
}

.menu li a:hover {
    text-decoration: underline;
    color: #FFF;
}


/* 
 * ELEMENT ACCUEIL + COLONNE
 */

#center,
#panneau, 
#triptyque {
    width: 938px;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 14px;
}

#left {
    width: 690px;
    float: left;
}

#right {
    width: 230px;
    float: right;
}


/*
 * ELEMENT PAGE D'ACCUEIL
 */
 
#anim {
    float: left;
}

#slogan_fr,
#slogan_en {
    position: relative;
    width: 312px;
    height: 260px;    
    float: right;    
}

#slogan_fr { background: url('/images/vitrine/slogan_droite_fr.gif') no-repeat 0 0; }
#slogan_en { background: url('/images/vitrine/slogan_droite_en.gif') no-repeat 0 0; }

#slogan_fr a,
#slogan_en a {
    position: absolute;
    top: 120px;
    left: 28px;
}


.slider {
    border: 2px solid #49ab31;
    border-radius: 10px;    
    padding-left: 15px;
}

.slider li {
    float: left;
}

.slider li img {
    margin: 0px 20px;  
}


#triptyque .bloc1,
#triptyque .bloc2,
#triptyque .bloc3 {
    width: 300px;
    float: left;   
}

#triptyque .bloc1,
#triptyque .bloc2 {
    margin-right: 19px;
}

#triptyque .bloc1 .haut,
#triptyque .bloc2 .haut,
#triptyque .bloc3 .haut {
    font-size: 20px;
    background: url('/images/vitrine/triptyque_haut.gif') no-repeat 0 0;
    height: 34px;
    line-height: 31px;
    padding-left: 16px;
    color: #FFF;
}

#triptyque .bloc1 .milieu,
#triptyque .bloc2 .milieu,
#triptyque .bloc3 .milieu {
    position: relative;
    border-left: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7;
    height: 260px;  
    padding: 10px;
    text-align: justify;
}

#triptyque .bloc2 .milieu div {
    border: 1px solid #49ab31;
    border-radius: 5px;
    margin-bottom: 12px;
    height: 66px;
    padding: 4px;    
}

#triptyque .bloc2 .milieu div span {
    font-size: 24px;
    color: #49ab31;
}

#triptyque .bloc2 .milieu div img {
    float: right;
}

#triptyque .bloc1 .milieu { background: url('/images/vitrine/image_stats.gif') no-repeat bottom; }
#triptyque .bloc3 .milieu { background: url('/images/vitrine/image_contact.gif') no-repeat 17px bottom; }

#triptyque .bloc1 .bas,
#triptyque .bloc2 .bas {
    position: relative;
    background: url('/images/vitrine/triptyque_bas1.gif') no-repeat 0 0;
    height: 23px;
}

#triptyque .bloc3 .bas {
    position: relative;
    background: url('/images/vitrine/triptyque_bas2.gif') no-repeat 0 0;
    height: 23px;
}

#triptyque .bloc1 .bas a,
#triptyque .bloc2 .bas a,
#triptyque .bloc3 .bas a {
    position: absolute;
    line-height: 20px;
    right: 27px;
    color: #FFF;
}

#triptyque .bloc1 .bas a:hover,
#triptyque .bloc2 .bas a:hover,
#triptyque .bloc3 .bas a:hover {
    text-decoration: none;
}


/*
 * MISE EN PAGE DE CONTENU
 */

h1, h2, p {
     margin: 10px 0px;
     text-align: justify;
}

#center h1,
#left h1 {
    font-size: 24px;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}

#left p,
#left ul {
    width: 96%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 30px;
}

#right {
    text-align: center;
}

#right h2 {
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 16px;
    text-align: left;
    color: #3775A8;
}

#right img {
    margin-bottom: 10px;
}


/* 
 * FORMULAIRE D'INSCRIPTION
 */

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

#form1 .form h2,
#form1 .msgform h2 {
    color: #000;
    font-weight: normal;
}

#form1 .separe {
    border-right: 1px dotted #31931E;
    margin-left: 20px;
    margin-right: 30px;
}

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

#form1 label {
    width: 170px;
}

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

#form1 p {
    margin: 8px;
}

#form1 select,
#form1 textarea,
#form1 input[type="text"],
#form1 input[type="password"] {
    border: 1px solid #939393;
    color: #000;
    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 #31931E;
    padding-top: 8px;
    margin-bottom: 15px;
}

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

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


/*
 * LISTE PARTENAIRE
 */
 
.partner {
    margin: 0 15px;
}

.partner h2 {
    border: 1px solid #49AB31;
    background-color: #F5FFF3;
    padding-left: 5px;
}

.partner ul {
    margin-left: 15px;
}

.partner li {
    display: inline;   
}

.partner li img {
    margin: 10px 20px;    
}


/* 
 * TEMPLATE DU BAS
 */

#footer {
    font-weight: bold;
    background-color: #E7E7E7;
    border-radius: 10px;    
    width: 938px;
    height: 33px;  
    line-height: 33px;
    margin: 0 auto;
    margin-bottom: 14px;    
    text-align: center;
	color: #272727;
}