﻿body
{
    margin: 5px auto;
    padding: 0;
    width: 674px;
    background: url('images/background.jpg');; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Trebuchet MS, Verdana, helvetica, sans-serif
}

h1#head
{
	width: 674px;
	height: 141px;
    margin: 0;
    background: url('images/head.gif') no-repeat ;
}

ul#menu
{
	height: 26px;
	width: 493px !important;
	padding: 0 0 0 1px;
	margin: 0 !important;
	margin-bottom: -20px;
    background: #173c8d ;
	float: left;
}

ul#menu li 
{
	display : inline;
	padding : 4px 17px 0 17px; 
	float:left;
}

ul#menu li.rose 
{
	background: url('images/menu_bleu.jpg') repeat-x;
	height: 30px
}

ul#menu li.rose:hover 
{
	background: url('images/menu_bleu_hover.jpg') repeat-x;
	height: 30px
}

ul#menu li.orange
{
	background: url('images/menu_bleu.jpg') repeat-x;
	height: 30px
}

ul#menu li.orange:hover
{
	background: url('images/menu_bleu_hover.jpg') repeat-x;
	height: 30px
}

ul#menu li.rose a
{
	color: #FFFFFF;
	text-decoration: none ;
	font-weight: bold ;
}

ul#menu li.rose a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold ;
}

ul#menu li.orange a
{
	color: #FFFFFF;
	text-decoration: none ;
	font-weight: bold ;
}


p#date
{
	height: 21px;
	width: 150px;
    margin: 0 ;
	padding-top: 5px;
	padding-left: 30px;
    background:  #173c8d url('images/date.jpg') no-repeat ;
	color: white ;
	float:right
}

div#global
{
	width: 672px;
	padding-top: 20px; 
	background: white ;
	float:left;
	border: 1px solid #173c8d ;
	margin: 0 !important;
	margin-bottom: -20px;
}

div#left
{
	width: 170px; 
	background: white ;
	float:left;
}

div#left div#edito
{
	width: 170px ; 
	background: white ;
	padding-left : 10px;
	padding-top: 0;
	padding-bottom: 8px;
}

div#left div#pub
{
	width: 170px ; 
	background: white ;
	padding : 5px; 
	margin-bottom:15px;
}

div#left h2#titre-orange1
{
	clear: both;
	background: white url('images/orange-titre00.jpg') no-repeat ;
	width: 173px ; 
	height: 35px;
	margin: 0;
	text-indent: 30px ;
	padding-top: 6px ;
	color: white ;
	font-size: 12px
}

div#global div#contenu
{
	margin-left:190px;
	width: 460px ;
}

div#contenu div.alaune
{
	float: right ;
	width: 460px ; 
	background: white ;
	padding-bottom: 10px ;
	padding-left: 5px ;
	padding-right: 5px ;
    border-bottom: 2px dotted #969696 ;
}

div#contenu div.news
{
	float: right ;
	width: 460px ;
 	background: white ;
	padding : 0 5px;
	margin-bottom: 15px ;
	margin-top: 15px ;
}

.cadre-image
{
background-image : url('images/cadrenews.png');
width : 45px;
height : 42px;
float : left;
}

.imageflottante
{
width : 35px;
height : 33px;
border : 0;
padding: 5px;
}

}
.imageflottante2
{
width : 150px;
border : 0;
float: left;
margin-right: 5px; 
}

.imageflottante3
{
width : 130px;
border : 0;
float: left;
margin-right: 5px; 
}

.css1
{
	font-family: Trebuchet MS;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
.css1:hover
{
	font-family: Trebuchet MS;
	font-size: 11px;
	text-decoration: none;
	color: #e00000;
}

h3
{
    margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
}

h4
{
    margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	text-transform: uppercase;
	font-style: italic;
	display: inline;
}

.categories
{
    font-size: 12px;
    color: #000000;
	text-decoration: none;
}

.categories:hover
{
    font-size: 12px;
    color: #e00000;
	text-decoration: none;
}

.categories:active
{
    font-size: 12px;
    color: #e00000;
	text-decoration: none;
}

div#global h2#bouton
{
	float: right;
	background: white url('images/boutonmodele02.jpg') no-repeat ;
	width: 135px ; 
	height: 30px;
	margin: 0;
	text-indent: 30px ;
	padding-top: 6px ;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

div#global h2#bouton:hover
{
	float: right;
	background: white url('images/boutonmodele02.jpg') no-repeat ;
	width: 135px ; 
	height: 30px;
	margin: 0;
	text-indent: 30px ;
	padding-top: 6px ;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
}

p#copy
{
	clear: both;
	text-align: center ;
	color: #808080; 
	font-size: 11px;
}

p#copy a 
{
	color: #808080; 
	font-size: 11px;
}

p#copy a:hover
{
	color: red; 
	font-size: 11px;
	text-decoration: none;
}

