html, body {
    height: 100%;
    margin: 0;
    background:url('../images/fond2.jpg') #3E3E3E no-repeat;
    background-color:#3E3E3E;
    background-position:top center;
    font-family:"Trebuchet MS", "Nimbus Sans L";
    color:#333;
    font-size:13px;
    text-align:center;
}

h2{
color:orange;
}


#logo{
    left:20px;
    height:55px;
}
#logo a{
    text-decoration:none;
    border:10px;
}

#langue{
    float:right;
    margin-top:-25px;
    margin-right:-10px;
}
#langue a {
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    display:block;
    float:left;
    margin:1px;
}
#langue a:hover{
    text-decoration:underline;
    color:#fff;
}

#menu-commande{
    float:right;
    width:270px;
    height:25px;
    margin-top:-5px;
    color:white;
    margin-right:-10px;
    text-align:center;
    background-color:#999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-left:10px;
}

#menu-commande a, #menu-commande a:hover, #menu-commande a:visited{ 
    font-size:14px;
    font-weight:bold;
    text-decoration:underline;
    display:block;
    float:left;
    color:black;
    height:20px;
    padding-top:5px;
    color:white;
    width:125px;
}

#menu-commande a:hover {
    background-color:#EEE;
    font-weight:bold;
    color:#690;
}

#menu-commande div {
    color:black;
    height:25px;
    padding-top:5px;
    width:10px;
    float:left;
}




a{
    text-decoration:none;
    color:#fff;
}
a:hover{
    text-decoration:underline;
}
img{
    border:0px;
}
img a{
    cursor:pointer;
}
#centrer_site{
    /*position:absolute;
    left:50%;
    margin-left:-500px;*/
    width:1000px;
    margin:auto;
    text-align:left;
    /*min-height: 100%;*/
}

#contenu_top{
    border:5px solid #fff;
    width:1000px;
    height:auto;
}

#contenu_top a{
    color:#690;
}

#contenu_page{
    float:right;
    background-color:#fff;
    width:620px;
    height:auto;
    min-height: 100%;
    margin:0px;
    padding:0px;
    padding-left:20px;
    padding-top:30px;
    border-right:5px solid #fff;
    border-bottom:5px solid #fff;
}
#contenu_left{
    float:left;
    width:450px;
    margin-right:0px;
    margin-left:20px;
}
#contenu_right{
    margin-left:480px;
}
#pellicule_right{
    float:right;
    margin-top:-5px;
    margin-right:-5px;
    background:url(../pictures/pellicule2.jpg);
    width:113px;
    height:100%;
    overflow:hidden;
}
h1{
    color:#353535;
    font-size:24px;
    font-variant:small-caps;
    padding-top:5px;
    margin:0px;
    letter-spacing:0em;
}
h2{
    color:#353535;
    font-size:16px;
    padding-top:5px;
    margin:0px;
    letter-spacing:0em;
}
#contenu_top #texte_photo{
    position:relative;
    margin-top:-30px;
    margin-left:570px;
}
#bottom{
    margin-top:5px;
    text-align:center;
    color:#FFF;
    font-size:12px;
}
.grey-box{
    width:600px;
    padding:10px;
    background-color:#F5F5F5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom:20px;
}
span.bleu{
    font-size:14px;
    font-weight:bold;
    color:#369;
}
span.orange{
    font-size:14px;
    font-weight:bold;
    color:orange;
}
#download-cewe {
    float:right;
    margin-top:35px;
    text-align:center;
    padding:10px;
    background-color:#F5F5F5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#download-cewe h2{
    margin-bottom:10px;
}
#download-cewe a{
    display:block;
    margin:auto;
}
.icone-start{
    float:left;
    width:290px;
    padding:10px;
    margin:5px;
    height:80px;
    background-color:#F5F5F5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:16px;
    font-weight:bold;
}
.icone-start img{
    margin-right:10px;
}
#contenu_top .icone-start a:visited,#contenu_top .icone-start a:hover,#contenu_top  .icone-start a{
    color:#636363;
}

ul#plan-site {
    list-style:none;
    font-size:14px;
    font-weight:bold;
}

ul#plan-site ul {
    font-size:14px;
    font-weight:normal;
}

div.faq-element {
    margin-left:10px;
    border-bottom:1px dashed #CCC;
    margin-bottom:15px;
}

div.faq-element .content{
    margin-left:15px;
    margin-bottom:15px;
    margin-top:5px;
}

div#annonce {
    position:absolute;
    top:20px;
    width:450px;
    margin-left:190px;
    height:60px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#FFF;
    border:1px solid #AAA;
    overflow:hidden;
}

div#annonce .item{
    /* position:absolute;*/
    height:60px;
    padding-left:45px;
}
div#annonce .item-new {

    background-image:url('../images/annonce/new-1.png');
    background-position:top left;
    background-repeat:no-repeat;
}

div#annonce .item-info {
    background-image:url('../images/annonce/info-3.png');
    background-position:top left;
    background-repeat:no-repeat;
}

div#annonce #title {
    font-weight:bold;
    color:#f70;
}

div#annonce #content {
    color:#333;
}

div#annonce #content a,div#annonce #content a:visited, div#annonce #content a:hover {
    color:#690;
}

ol li {
    display: list-item;
}

input {
    width:10px;
}



/***ONGLETS**/
.tabPane {
    height:25px;
    margin-top:0px;
    margin-left:0px;
    width:1000px;
}
.tabPane .tabFirst{
    width:38px;
    height:25px;
    float:left;
    margin-left:0px;
    margin-right:0px;
    background-image:url(../pictures/onglets/debut-gris.png);
}
.tabPane .tabFirstW{
    width:18px;
    height:25px;
    float:left;
    margin-left:0px;
    margin-right:0px;
    background-image:url(../pictures/onglets/debut-blanc.png);
}

.tabPane .tabLast{
    float:left;
    width:38px;
    height:25px;
    margin-left:0px;
    margin-right:0px;
    background-image:url(../pictures/onglets/fin-gris.png);
}
.tabPane .tabLastW{
    float:left;
    width:18px;
    height:25px;
    margin-left:0px;
    margin-right:0px;
    background:url(../pictures/onglets/fin-blanc.png);
}

.tabPane .tabSeparator {
    width:38px;
    height:25px;
    float:left;
    margin-left:0px;
    margin-right:0px;
    background-image:url(../pictures/onglets/gris-vers-gris.png);
}

.tabPane .tabSeparatorWB {
    width:38px;
    height:25px;
    float:left;
    margin-left:0px;
    margin-right:0px;
    background-image:url(../pictures/onglets/blanc-vers-gris.png);
}
.tabPane .tabSeparatorWA {
    width:38px;
    height:25px;
    float:left;
    margin-left:0px;
    margin-right:0px;
    background-image:url(../pictures/onglets/gris-vers-blanc.png);
}

.tabPane .tab {
    height:23px;
    background-color:transparent;
    float:left;
    /*-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;*/
    padding-top:2px;
    cursor:pointer;
    text-align:center;
    padding-left:0px;
    padding-right:0px;
    font-size:16px;
    /*background-image:url(../pictures/onglets/tab_back1.gif);*/
    background-color:#AFB1B4;
}
.tabOpen{
    float:left;
    height:23px;
    /*-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;*/
    cursor:pointer;
    text-align:center;
    padding-top:2px;
    padding-left:0px;
    padding-right:0px;
    font-weight:bold;
    color:#636363;
    background-color:#fff;
    text-decoration:none;
}

.tabPane div.tab:hover{
    /*-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;*/
    cursor:pointer;
    font-weight:bold;
    color:#636363;
    text-decoration:none;
    /*font-size:16px;*/
}
.tabOpen a{
    color:#636363;
    font-size:16px;
}

.tabOpen a:hover,.tabOpen a:focus {
    color:#636363;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

.tabPane div.tab a:hover,.tabPane div.a:focus {
    color:#fff;
    font-size:16px;
    text-decoration:none;
    outline:0;
    font-weight:bold;
}
/**************************************************/
/*
/**/
.tabVertical{
    position:absolute;
    margin-top:25px;
    margin-left:-50px;
    width:25px;
    height:0;
}
.tabVertical .tab {
    /*writing-mode:tb-rl;
    white-space: nowrap;
    height:120px;*/
    width:25px;
    height:130px;

    /*-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;*/
    background-image:url(../pictures/onglets/onglet-gris120pxvertical.png);

}

/******ARRONDIS*****/
/*************************************************/
/* cadre arrondi
/*************************************************/
.roundedBoxFloat{
	margin-right:20px;
}
.roundedBox{
	margin-right:20px;
}
.roundedBox .header_box, .roundedBoxFloat .header_box{
	background-image:url(../images/box_top.png);
	background-repeat:no-repeat;
	height:10px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
}
.roundedBox .header_box .corner, .roundedBoxFloat .header_box .corner{
	float:right;
	background-image:url(../images/box_rounded_top.png);
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}
.body_box{
	border-right:#E1E1E1 1px solid;
	border-left:#E1E1E1 1px solid;
	padding:0px;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	padding-left:20px;
}
.body_right{
	float:left;
	background:url(../images/box_point.png) right top repeat-y;
	width:1px;
}
.body_box p{
	margin-left:10px;
}
.footer_box{
	background-image:url(../images/box_bottom.png);
	background-repeat:no-repeat;
	height:10px;
	font-size:0px;
	line-height:0px;
}
.roundedBox .footer_box .corner,.roundedBoxFloat .footer_box .corner{
	float:right;
	background-image:url(../images/box_rounded_bottom.png);
	background-repeat:no-repeat;
	height:10px;
	width:10px;
}
#start{
    width:1000px;
    height:550px;
}
#start-right{
    float:right;
    width:490px;
}
#start-left{    
    float:left;
    margin-left:10px;
    width:490px;
    height:260px;
}
#start-left img{
    margin:10px;
}
#start-bleft{
    float:left;
    margin-left:10px;
    width:490px;
    
}
#start-bright{
    float:right;
    width:490px;
}
.fond-gris{
    background-color: #EEE;
    padding:5px;
    width:300px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.gris{
    background-color: #EEE;
    padding:5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}