/* CSS Document */
body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 12px "Trebuchet MS", helvetica, sans-serif ;
	background: #FFF;
}

html>body .differe .header{
	height: auto;
	min-height: 100px;
} 
img { border:none;}

a{
	color: #FF3300 ;
	text-decoration:none;
}
a:hover{
	color:#00CC33;
	text-decoration:none;
}
div#conteneur
{
	width: 900px;
	margin: 0.2em auto ;
	text-align: left ;
	border:1px solid #66944a;
	background: #fff ;
}
#contact{ 
	display:block;
	float:right;
	text-align:right;
	color:#000000;
	width: 70px;
	margin-top:80px;
	margin-right:10px;
	color:#FFFFFF;
	}
ul#menu
{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	background: url(images/deg03.gif) repeat-x 0 -25px ;
	background-color:#E2F1D1;
	list-style-type: none ;
	border-bottom: 1px solid #0e6a39 ;
	
	
}
ul#menu li
{
	float: left ;
	text-align: center ;
	background-image:url(/images/deg02.jpg);
	}
	ul#menu li a
{
	width: 178px ;
	line-height: 25px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #000 ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #0e6a39 ;
	}
ul#menu li a:hover
{
	background: url(images/BGmenu.jpg) repeat-x 0 0 ;
	background-image:url(/images/deg01.jpg);
	color:#006600;
}
#menuc li a
{
	width: 178px ;
	line-height: 25px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #000 ;
	display: block ;
	text-decoration: none ;
	}
#menuc li a:hover
{
	background: url(images/BGmenu.jpg) repeat-x 0 0 ;
	background-image:url(/images/deg03.gif);
	color:#006600;
}

h1
{
	font:30px;
	color:#000000;
	text-align:left;
	margin:0;
	padding:0 0 0 20px;
	line-height:100px;
	min-height: 100px ;
	height:100px;
	background: url(images/bandeau.jpg) no-repeat #ccff42;
	border-bottom: 1px solid #FFFFFF;
}
h3
{
	font:16px;
}
h4
{
	font:14px;
	font-style:oblique;
}
h5
{
	font-size:13px;
	color:#090;
}

span { 
	font-style:italic;
	color:#88916f;
}
.bold { font-weight:bold; color:#030;}
.color { 
	color:#333300;
	font-weight:bold;
}
em{ color:#009900; font-family:Verdana, Arial, Helvetica, sans-serif;}
.retour { 
	color:#FF3333;
	}

div#contenu
{
	padding: 0 25px 0 70px ;
}

div#contenu h2
{
	padding-left: 38px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #4e4e4e ;
	border-bottom: 1px solid #4e4e4e ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu 
{
	color: #000 ;
}

.img {
	float:left;
	width:100px;
	margin:0 10px 10px 0;
}
div#contenu02
{
	padding: 0 25px 0 70px ;
	height:550px;
	min-height:500px;
}

div#contenu02 h2
{
	padding-left: 38px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #4e4e4e ;
	border-bottom: 1px solid #4e4e4e ;
}

div#contenu02 p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu02 
{
	color: #000 ;
}
div#contenu03
{
	padding: 0 25px 0 70px ;
}

div#contenu03 h2
{
	padding-left: 38px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #4e4e4e ;
	border-bottom: 1px solid #4e4e4e ;
}

div#contenu03 p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu03 
{
	color: #000 ;
}
div#contenu04 
{
	color: #000 ;
	position:relative;
	z-index:2;
}
div#linux 
{
	background:url(images/linux.png) center no-repeat;
	height: 600px;
	width:500px;
	position:fixed;
 	top:200px;
 	left :300px;
	z-index:1;
 
}
.imgpt {
	display:block;
	float:left;
	width:100px;
	margin:0 10px 10px 0;
	min-height:100px;
	height:100px;
}
#accueil{ 
	text-align:right;
	color:#0066CC;
	font-style:italic;
	}
.article 
{
	min-height:100px;
	height:100px;
}
.article a
{
	padding: 5px 5px 5px 28px;
	color:#006600;
	background: url(images/Tri.gif)no-repeat;
}
.article a:hover
{
	padding: 5px 5px 5px 28px;
	color:#00CC00;
	background: url(images/Tri_s.gif)no-repeat;
}
.pause 
{
	padding: 5px 5px 5px 28px;
	font-style:italic;
}
#photos {
	margin:auto;
	text-align:center;
}
.images02{ border:hidden;}
.images03{ border:hidden;}
.images04{ border:hidden; padding-left:10px;}
#soustitre { margin-top:20px;}
#navigation {
	margin-bottom:20px;
}
#navigation a {
	color:#FF3300;
	text-decoration:none;
}
#navigation a:hover {
	color:#FF6666;
	text-decoration:none;
}
#suite {
	text-align:right;
	margin-left:20px;
}
.plan{ 
	display:block;
	float:left;
	width: 400px;
	text-align:left;
}
table{
font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	padding: 2px;
	border:#477630 solid 2px;
	text-align:center;
	border-collapse:collapse;
} 
th {background-color:#c1ecac; border:#82bc66 solid 1px;}
td {border:#82bc66 solid 1px;}
table.neutre{border:none;vertical-align:top;}
td.neutre{border:none;}
.exemple {background-color:#c1ecac;}
.ligne {background-color:#bcf4d6; font-weight:bold;} 
.intro { font-weight: bold; color:#006600; line-height:25px;}
.habillage01{
	margin-right:20px;
	float:left;
	width:200px;
	color:#
	border:groove
	}
li#footer
{
	margin: 0 ;
	line-height: 30px ;
	list-style-type:none;
	text-align: center ;
	background-image:url(img/logoCPM.gif);
 	background-repeat:no-repeat;
 	background-position:0% 65%;
	
}
fieldset.ht{ background-color:#defbff;border:#138c9e 1px solid; }
legend.ht{color:#138c9e;}
fieldset{ background-color:#efffea;border:#1c560b 1px solid; }
legend{color:#388c1f;}
div.petit>div.petit { font-size:85%;}
.tr01{border:#06C solid 1px;width:250px; margin-top:4px;}
.tr02{border:#06C dotted 1px;width:250px; margin-top:4px;}
.tr03{border:#06C dashed 1px;width:250px; margin-top:4px;}
.tr04{border:#06C double 4px;width:250px; margin-top:4px;}
.tr05{border:#06C groove 4px;width:250px; margin-top:4px;}
.tr06{border:#06C ridge 4px;width:250px; margin-top:4px;}
.tr07{border:#06C inset 4px;width:250px; margin-top:4px;}
.tr08{border:#06C outset 4px;width:250px; margin-top:4px;}
.blink {text-decoration:blink; font-style:normal; color:#000;}
.mp01{ background-color:#efffea;border:#1c560b 1px solid;width:200px; height:50px; }
.mp02{ background-color:#e0e0e0;border:#ccc 1px dashed;width:30%;text-align:center; font-family:"Courier New", Courier, monospace;padding:5px; }
.mp03{ background-color:#e0e0e0;border:#ccc 1px dashed; font-family:"Courier New", Courier, monospace;padding:5px; }
.mp04{ background-color:#efffea;border:#1c560b 1px solid;height:30px;float:right; }
.mp05{ background-color:#efffea;border:#1c560b 1px solid;height:30px;float:none;position:absolute;left:50%;opacity: 0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
.jaune {
position: relative;
bottom: 5px;
background-color: #ffff00;
}
/*exemple de colonnes*/
div.red {background-color:red; padding:10px; margin-bottom:20px;}
div.jaune2 {
width:100%;
height:400px;
background-color:#FFCC00;
}
div.float {
width:210px;
height:310px;
background-color:#FFFFFF;
float:left;
margin:20px;
padding:5px;
}
/*exemple de colonnes 2*/
div.red2 {
	background-color:red; 
	padding:10px; 
	float:right;
	width:200px;
	}
div.jaune3 {
	width:100%;
	background-color:#FFCC00;
}
/*exemple de colonnes 3*/
div.red3 {
	background-color:red; padding:10px;width:100%;}
div.jaune4 {
	width:100%;background-color:#FFCC00;height:50px;
}
div.orange {
	width:100%;background-color:#F60;height:20px;
}
div.blanche {
	width:100%;background-color:#FFF;height:150px;
}
div.bleue{
	width:100%;background-color:#6FF;height:20px;
}
.spacer  {clear:both;}
/*lettrine*/
.conteneurlettrine { 
width: 400px;
text-indent:0;
} 
.lettrine
{ float: left; 
font-size: 30px;
font-weight: bold; 
font-family: Georgia, Times New Roman, Times, serif; 
color: #990000; border: 1px solid #582c08; 
background-color: #dec3ac;
margin: 5px; 
padding: 3px; 
line-height: 1em; } 
/*liens*/
 a.lien{
	color: #fff ;
	text-decoration:none;
	background-color:#793d0c;
	border:#341b08 1px solid;
	padding:5px;
}
 a.lien:hover{
	color:#000;
	text-decoration:none;
	background-color:#b6621f;
	border:#FC6 1px dashed;
}