body {
	margin:0px;
	padding:0px;
	background:#cfcfcf url(../images/fond-antoine.jpg) top center no-repeat;
}

#logoViewsurf{
    float:right;
    margin:20px 30px 0 0;
    text-decoration: none;
    color:grey;
}

#logo{
    margin:20px 0 20px 30px;
}

h2{
    font-size:3em;
    margin:50px 0 30px 0;
    text-align:center;
}

h3{
    margin:25px 0 15px 0;
    font-size:2em;
    text-align:center;
}

p{
    margin:10px 5px;
    text-indent:20px;
    font-size:1.5em;
    text-align:justify;
}

ol li{
    margin:10px 5px;
    font-size:1.5em;
    text-align:justify;
}

td, th{
    font-size:1.5em;
    padding:5px 10px;
    vertical-align:middle;
}

hr{
    width:50%;
    margin:40px auto;
    clear:both;
    background-color:#FAA633;
}

.up{
    clear:both;
    text-align: right;
    margin:0;
    padding:0;
}

.up a{
    display: block;
    height:32px;
}

#histoire_tab{
    margin:30px auto;
    text-align:center;
}

#histoire_tab thead td{
    background-image: url(../images/societe/fleche_head.png);
    background-position:top center;
    background-repeat:no-repeat;
}

#histoire_tab thead tr{
    height:93px;
}

#histoire_tab tfoot td{
    background-image: url(../images/societe/fleche_foot.png);
    background-position:top center;
    background-repeat:no-repeat;
}

#histoire_tab tfoot tr{
    height:6px;
}

#histoire_tab tbody td{
    width:253px;
}

#histoire_tab tbody td.middle{
    width:94px;
    color:white;
    font-weight:bold;
    background-image: url(../images/societe/fleche_body.png);
    background-position:top center;
    background-repeat:repeat-y;
}

#chiffres_tab{
    width:300px;
    margin:30px auto;
    text-align:center;
}

#chiffres_tab td, #chiffres_tab th{
    border:2px solid #FAA633;
}

#developpement_durable, #charte_qualite{
    font-size:1.5em;
}

#developpement_durable li, #charte_qualite li{
    margin:10px 5px;
    text-align:justify;
    list-style-type: none;
}

.green{
    color:#00B050;
    font-weight: bold;
}

.examples{
    list-style-type: none;
    margin:10px 5px;
}

.examples li{
    font-size:1.2em;
    margin:20px 0;
}

.examples a{
    text-transform: uppercase;
}

.films{
    width:800px;
    height:170px;
    list-style-type: none;
    margin:40px auto 0 auto;
}

.films li{
    width:160px;
    height:130px;
    padding:20px;
    float:left;
    font-size:1.2em;
    text-align:center;
    background-color: lightgrey;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
}

.films li img{
    width:160px;
    margin:0 auto;
}

.films a{
    margin:0 auto;
    text-decoration:none;
    text-align:center;
}

.films li.selected{
    background-color: black;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
}

.films li.selected a{
    color:white;
}

#cinema{
    margin:0 auto 40px auto;
    width:900px;
    height:675px;
    background-color:black;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    text-align: center;
}

#cinema a{
    margin:30px auto 0 auto;
    color:white;
}

#Player{
    margin-top:84px;
    width:900px;
    height:506px;
}

#Player embed{
    width:900px;
    height:506px;
}

#Player_small{
    margin:49px auto 0 auto;
    width:768px;
    height:576px;
}

#Player_small embed{
    width:768px;
    height:576px;
}

.film768x576{
    margin:0 auto;
    width:768px;
    height:576px;
}

.film520x390{
    margin:0 auto;
    width:520px;
    height:390px;
}

.film320x240{
    margin:0 auto;
    width:320px;
    height:240px;
}

.photo{
    margin:5px 0;
    border:1px solid #2d353f;
    padding:6px;
    background-color: white;
}

.panoramique{
    width:910px;
    margin-left:auto;
    margin-right:auto;
}

.important{
    font-weight: bold;
}

.brochures2_left{
    width:50%;
    float:left;
    text-align:center;
}

.brochures2_right{
    width:50%;
    float:right;
    text-align:center;
}

.brochures3_left{
    width:33%;
    float:left;
    text-align:center;
}

.brochures3_middle{
    width:34%;
    float:left;
    text-align:center;
}

.brochures3_right{
    width:33%;
    float:right;
    text-align:center;
}

.brochure{
    margin:0 auto;
    height:150px;
}

.center{
    text-align:center;
}

#presse td{
    vertical-align: top;
    text-align:center;    
}

.news p{
    font-size:inherit;
}

.logo_client{
    width:160px;
    margin:10px 13px;
}