@media (min-width: 640px)
{
/**  VERSION PC **/
body { 
	background-color: #FFF; 
	margin: 0px; 
	padding: 0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	font-size:11px; 
}

BODY #header
{
	margin: 0 auto 0;width:1024px;height:140px;border-bottom:solid 1px black;text-align:left;overflow:auto;
	margin-bottom:20px;
	height:auto;
}

BODY #header IMG.Logo
{
	height:140px;
	float:left;
}

BODY #footer
{
	margin-top:30px;
	color: black;
	font-size:10px;
}

BODY #footer A
{
	color: black;
	text-decoration:none;
}
BODY #footer A:hover
{
	color: black;
	text-decoration:underline;
}


#conteneur   {margin: 0 auto 0;width:1024px;text-align :left;}	

#right {display:block;width:1024px;margin:0 0 0 0;} 

.newsTitre {
	width:100%;
	text-align:left;
	padding:10px 0 10px 0;
	margin:0 auto 0 auto;
	color:#000;
	background-color: red;
}

.newsTitre .titre
{
	color:white;
	margin-left:10px;
}

.news {
	width:1000px;
	text-align:left;
	padding:10px;
	margin:0 auto 0 auto;
	color:#000;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color: #fff;
	border:1px solid yellow;
}

.newsImage
{
	float:right;
}


.newscol {
	width:360px;
	text-align:left;
	padding:10px;
	outline:none;
	color:#000;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color: #FFF;
}
img, p, h1, h2, h3, h4, h5, h6, Span, object {border:0;margin:0;padding:0} 
a        {color:blue;text-decoration:none;outline:none;font-weight:bold}
a:hover  {color:blue;text-decoration: none;}
.clear 	 { clear: both;visibility: hidden; }

.button span { position:relative;color:white;border-top:rgba(255, 255, 255, .2) 1px solid;padding:0.4em 1.0em;line-height: 1em;text-decoration:none;text-align:center;white-space:nowrap;font-weight:normal;padding-bottom:5px;padding-top:3px;}
.button, .button span { display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.button.red{background-color:yellow;}
.button.red span {color:black;}
.button.green{background-color:red;}

TABLE.Tableau{}
TABLE.Tableau .Entete TD {font-weight:bold;}
TABLE.Tableau .Entete TD, TABLE.Tableau .Ligne1 TD, TABLE.Tableau .Ligne2 TD {border-bottom:1px solid #333333;}
TABLE.Tableau .Ligne1 TD {background-color:#EEE;}

}

@media (max-width: 639px)
{
	/**  VERSION Mobile **/
body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	font-size:11px;
}

BODY #header
{
	margin: 0 auto 0;
	width:auto;
	background-color:blue;
	/*height:32px;*/
	overflow:auto;
	margin-bottom:10px;
}

BODY #header IMG.Logo
{
	height:30px;
	margin-left:1px;
	margin-top:1px;
	margin-bottom:1px;
}

BODY #footer
{
	margin-top:20px;
	color: black;
	font-size:10px;
}

BODY #footer A
{
	color: black;
	text-decoration:none;
}
BODY #footer A:hover
{
	color: black;
	text-decoration:underline;
}

nav { display:block;width:100%;}

.newsTitre {
	width:100%;
	text-align:left;
	padding:10px 0 10px 0;
	margin:0 auto 0 auto;
	color:#000;
	background-color: red;
}

.newsTitre .titre
{
	color:white;
	margin-left:10px;
}
 
 
.news {
	width:auto;
	text-align:left;
	padding:10px;
	margin:0 5px 5px 5px;
	color:#000;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color: #FFF;
}

img, p, h1, h2, h3, h4, h5, h6, Span, object{border:0;margin:0;padding:0} 
a        {color:#D10018;text-decoration:none;outline:none;font-weight:bold}
a:hover  {color:#D10018;text-decoration: none;}
.clear 	 { clear: both;visibility: hidden; }

iframe
{ width:auto; }

.button span { position:relative;color:white;border-top:rgba(255, 255, 255, .2) 1px solid;padding:0.4em 1.0em;line-height: 1em;text-decoration:none;text-align:center;white-space:nowrap;font-weight:normal;padding-bottom:5px;padding-top:3px;}
.button, .button span { display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.button.red{background-color:yellow;}
.button.red span {color:black;}
.button.green{background-color:red;}

TABLE.Tableau{}
TABLE.Tableau .Entete TD {font-weight:bold;}
TABLE.Tableau .Entete TD, TABLE.Tableau .Ligne1 TD, TABLE.Tableau .Ligne2 TD {border-bottom:1px solid #333333;}
TABLE.Tableau .Ligne1 TD {background-color:#EEE;}
}