/* CSS Document */




body {font-family:Arial, Helvetica, sans-serif; font-style:normal; background-color:#ffffff;}

body a {text-decoration:none; text-transform:none;}

body a:hover {text-decoration: underline;}

#fond {position: absolute; width: 850px; left: 50%;
	margin-left: -400px;
	height:601px;
	background-image:url(/live/digitalAssets/121/121981_accueil13.jpg);
        background-repeat:no-repeat;
        background-position:top;
	top:0;
	margin-bottom:5%;
	color:#000000;
	
}

#fond img{border:none;}

#positionLogoVide {
        font-size:0.8em;
        position:absolute;
        top:80px;
        left:100px;
        width:121px;
        height:115px;
        color:#005278;
}

#positionLogoVide h1 {font-size:1em;}

#positionLogoMobile, .mobileVisible {display:none;}


#menuformation {
	color:#FFFFFF;
	position:absolute;
	top:50px;
	left:464px;
	padding:0px;
	margin:0;
        width:182px;
        height:395px;
        background-color:#c38cbc;
}

#menuformation object {
        margin:6px;
}

#menuformation img {
        margin-top:6px;
}

#menuformation li {
        color:#FFFFFF;
        margin: 7px 8px 9px 8px;
}

#menuformation h2 {
        margin:0px;
	padding:0px;
        padding-left:6px;
        color:#85409f;
        font-size:1.12em;
        line-height:0.8em;
        font-weight:normal;
        width:140px;
        text-transform:uppercase;
}

#menuformation ul {
        margin:8px 0 0 10px;
        padding:0px;
        list-style:url(/live/digitalAssets/96/96491_puces00.jpg);
        line-height: 0.62em;
}

#menuformation a{
	color:#FFFFFF;
	/*font-weight:bold;*/
        font-size:0.75em;
        padding:0px;
        margin:0px;
}
#recherche {
	color:#005278;
	font-size:0.62em;
	position:absolute;
	text-indent:0.5em;
	margin:0px;
	padding:0px;
	left:500px;
	top:10px;
}
#recherch form {
	margin:0px;
	padding:0px;
}

#recherche p{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:-7px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}
#recherche input {
	margin:0px;
	padding:0px;
}

#inputSearch {
	margin-top:-5px;
	width: 130px;
	border: 2px solid #f9b700;
}


#submitSearch {
	padding:0px;
	margin:0px;
        background-image:url(/live/digitalAssets/95/95752_loupe2.jpg);
        background-repeat:no-repeat;
        background-position:top;
        background-color:#ffffff;
        border:none;
        font-size:0px;
        width:25px;
        height:25px;
        cursor:pointer;
}









#menu2 {
	position:absolute;
        margin:0px;
	padding:0px;
	color:#FFFFFF;
	left:11px;
	bottom:572px;
        background-color:#8aaad9;
        width:395px;
}

#menu2 a {
	color:#FFFFFF;
        padding:0px;
        margin:0px;
        font-size:0.75em;
}

#menu2 ul {
        margin:0px;
        padding-left:0px;
        height:15px;
}

#menu2 ul li {
        float:left;
	list-style:none;
        padding-right:3px;
        padding-left:3px;
        border-left:1px solid #FFFFFF;
        margin:0px;
        padding-top:0px;
        
}

#menu2 ul li:first-child {
        border:none;
}

#menulangues {
        position:absolute;
        margin:0px;
        padding:0px;
        bottom:540px;
        left:3px;
        font-size:0.6em;
}

#menulangues ul {
        margin:0px;
        padding:0px;
}

#menulangues ul li {
        float:left;
	list-style:none;
        padding-right:3px;
        padding-left:3px;
        border-left:1px solid #FFFFFF;
}

#mediaSoc {
        position:absolute;
        margin:0px;
        padding:0px;
        bottom:568px;
        left:420px;
        font-size:0.6em;
}

#mediaSoc ul {
        margin:0px;
        padding:0px;
}

#mediaSoc ul li {
        float:left;
	list-style:none;
        padding-right:3px;
        padding-left:3px;
        border-left:1px solid #FFFFFF;
}


#vous {
	margin:0px;
	padding:0px;
	position:absolute;
	top:50px;
	left:277px;
        background-color:#b1af14;
        width:182px;
        height:395px;
}

#vous object {
        margin:6px;
}

#vous img {
        margin-top:6px;
}

#vous a {
        color:#FFFFFF;
        /*font-weight:bold;*/
        font-size:0.75em;
}

#vous li {
        color:#FFFFFF;
        margin: 7px 8px 12px 8px;
}

#vous ul {
        margin:8px 0 0 10px;
        padding:0px;
        list-style:url(/live/digitalAssets/96/96491_puces00.jpg);
        line-height: 0.8em;
}

#vous h2 {
        margin:0px;
	padding:0px;
        color:#5f5500;
        font-size:1.12em;
        line-height: 0.8em;
        font-weight:normal;
        width:70px;
        text-transform:uppercase;
        padding-left:6px;
}

#menuhd {
        position:absolute;
	bottom:543px;
	right:18px;
        font-size:10px;
        text-align:right;
	margin:0px;
	padding:0px;
}

#menuhd  ul {
        list-style:none;
}

#menuhd a {
        color:#005278;
        text-decoration:none;
}

#menuhd a:hover {
        text-decoration:underline;
}


#menuvie {
	color:#FFFFFF;
	position:absolute;
	top:50px;
	left: 651px;
	padding:0px;
	margin:0px;
	margin-right:2px;
        width:182px;
        height:395px;
        background-color:#f29512;
}

#menuvie object {
        margin:6px;
}

#menuvie img {
        margin-top:6px;
}

#menuvie li {
        color:#FFFFFF;
        margin: 7px 8px 9px 8px;
}

#menuvie ul {
        margin:8px 0 0 10px;
        padding:0px;
        list-style:url(/live/digitalAssets/96/96491_puces00.jpg);
        line-height: 0.76em;
}

#menuvie h2 {
        margin:0px;
	padding:0px;
        color:#bb4f00;
        font-size:18px;
        line-height: 0.8em;
        font-weight:normal;
        width:140px;
        text-transform:uppercase;
        padding-left:6px;
}

#menuvie a{
	color:#FFFFFF;
	/*font-weight:bold;*/
        font-size:0.75em;
}



#animation {
	margin:0px;
	padding:0px;
	position:absolute;
	top:195px;
	left:2px;
	height:191px;
	width:255px;
	/*z-index:0;*/
}
#animation a{
	text-decoration:none;
	text-transform:none;
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:12px;
	color:#005582;
}
#animation p{
	text-align:center;
	padding:2px;
	margin-bottom:4px;
	margin-right:0px;
	margin-top:4px;
	margin-left:20px;
	border:1px solid #FFFFFF;
}
#animation a:hover{
	text-decoration:underline;
	color:#005582;
}

#actuZoom {
	position:absolute;
	right:17px;
	bottom:10px;
	text-align:left;
	overflow:hidden;
	height:140px;
	width:182px;
        background-color:#ffffff;
        line-height:0.8em;
}

#actu {
	position:absolute;
	right:220px;
	bottom:60px;
	text-align:left;
	overflow:hidden;
	height:70px;
	width:330px;
        background-color:#8aaad9;
        line-height:0.8em;
}

#actu a {
        font-size:0.75em;
	text-decoration:none;
	text-transform:none;
	color:#005278;      
}

#actu a:hover {
	text-decoration: underline;
}


#actu h2, .invisible {
	display:none;
        margin:0px;
        padding:0px;
}

#actu ul {
        margin:0px;
        padding:0px;
        display: table;
        width:660px;padding-left:5px;
        -webkit-animation:actudef 10s ease 0s infinite;
        -moz-animation:actudef 10s ease 0s infinite;
        -ms-animation:actudef 10s ease 0s infinite;
        -o-animation:actudef 10s ease 0s infinite;
        animation:actudef 10s ease 0s infinite;
}


@-webkit-keyframes actudef {
from, 0%, to {margin-left:0px;} /*2 premieres actus*/
25%, 35% {margin-left:0px;} /*attente*/
50%, 60% {margin-left:-330px;} /*2 dernieres actus*/
80%, 90% {margin-left:-330px;} /*attente*/
100%{margin-left:-0px;} /*retour 1ere actus*/
}
@-moz-keyframes actudef {
from, 0%, to {margin-left:0px;} /*2 premieres actus*/
25%, 35% {margin-left:0px;} /*attente*/
50%, 60% {margin-left:-330px;} /*2 dernieres actus*/
80%, 90% {margin-left:-330px;} /*attente*/
100%{margin-left:-0px;} /*retour 1ere actus*/
}
@-ms-keyframes actudef {
from, 0%, to {margin-left:0px;} /*2 premieres actus*/
25%, 35% {margin-left:0px;} /*attente*/
50%, 60% {margin-left:-330px;} /*2 dernieres actus*/
80%, 90% {margin-left:-330px;} /*attente*/
100%{margin-left:-0px;} /*retour 1ere actus*/
}
@-o-keyframes actudef {
from, 0%, to {margin-left:0px;} /*2 premieres actus*/
25%, 35% {margin-left:0px;} /*attente*/
50%, 60% {margin-left:-330px;} /*2 dernieres actus*/
80%, 90% {margin-left:-330px;} /*attente*/
100%{margin-left:-0px;} /*retour 1ere actus*/
}
@keyframes actudef {
from, 0%, to {margin-left:0px;} /*2 premieres actus*/
25%, 35% {margin-left:0px;} /*attente*/
50%, 60% {margin-left:-330px;} /*2 dernieres actus*/
80%, 90% {margin-left:-330px;} /*attente*/
100%{margin-left:-0px;} /*retour 1ere actus*/
}

#actu ul li {list-style:none; margin:0 5px 0 0; float:left; display: table-cell; width:160px; height:95px; list-style:none;}

#actu .titre{
	font-weight:bold;
	margin-top:0px;
	margin-left:0px;
}

.titresecond{
	font-weight:normal;
        color:#ffffff;
	margin:0;
        font-size:0.75em;
}

#liensactu2 {display:none;}

#liensactu {
        position:absolute;
        bottom:15px;
	right:210px;
}

#liensactu ul li {
	float:left;
	font-size:0.6em;
	padding-left:5px;
        list-style:none;
        text-align:center;
        line-height: 1em;
}

#liensactu ul li ul li {
	padding-left:0px;
}

#liensactu a {
        color:#005278;
        text-decoration:none;
        text-align:center;
}

#liensactu a:hover {
        text-decoration:underline;
}


#jeudi {
        width:38px;
        padding-top: 3px;
}

#ttactu {
        width:53px;
        padding-top: 3px;
}

#lnews {
        width:45px;
        padding-top: 6px;
}

#lcoll {
        width:58px;
        padding-top: 3px;
}

#lcal {
        width:71px;
        padding-top: 3px;
}

#revuePresse {
        width:51px;
        padding-top: 3px;
}

#lrss {
        width:16px;
        padding-bottom: 2px;
}

#twitter {
        width:16px;
        padding-bottom: 2px;
}

#facebook {
        width:16px;
        padding-bottom: 2px;
}

#zoomInfo {
        position:absolute;
        bottom:15px;
        right:400px;
}

#zoomInfo a {
        font-size:0.9em;
        color:#F28E00;
        font-weight:bold;
}




