body {font-family: Arial,helvetica,sans-serif;font-size:12px;color:#333333; text-align: center;width:100%; background-color:#cccccc;/*margin: 0; padding:0;*/}
.clr {clear:both}
#container { width:1000px;  	margin-left:auto;	margin-right:auto;	margin-position-1:0px;	margin-bottom:10px;background: #cc3300;
border-width:8px;border-style:ridge; border-color:ffffff;}

#banner_in {	float: left;	color: #FFFFFF;	height: 140px;width: 990px;	margin: 5px 5px 5px 5px;	padding: 0px 0px 0px 0px;	background-image:  url(../images/haut.jpg);	background-repeat: no-repeat;	background-position: center;	}
#banner {	float: left;	padding: 0px 0px 30px 0px;}
#situation{	float: left;	margin: -20px 0 5px 220px;    width: 460px;	height:17px;	background-color:#00ccff:	border: 2px inset blue;   	font-color: #ffff00; /* jaune */	}


#position-1{	float: left;	width:960px;   	margin-left:12px;	margin-right:auto;	margin-position-1:5px;}
#contenu{width:980px;margin: 10px;border:2px solid #d0deed; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #cb3300 ;}
/* GESTION AFFICHAGE position-4- 5 */

#position-4{float:center;width:700px; background-color:#ff9933; margin-left:auto;	margin-right:auto; ;font-size:12px;	text-align: justify;   -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;    }


#position-4 h3 {height: 20px; color: #FFFFFF;	background-color:#ff9933;line-height: 20px;	text-indent: 20px;	padding: center;
	margin:  0px 0 0px 0;	font-size: 12px;	font-weight: bold;  }  
#position-4 h4 { margin: 0 0 10px 0; font-size:16px; color: #0c3f96; text-shadow: 3px 3px 3px #bbb;  }  
#position-4 h4 a { font-size: 16px; }  
#position-4.globalNewsText { margin-left: 100px; height: 57px; }  





/* gestion contenu*/

#principal {width: 960px;margin:4px;padding:4px; float: left;font-size:100%;text-align:left;border:2px solid #d0deed; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
 background: #ff9900 ;}

#footer {
	border-top: 1px solid #aaa;
	padding: 5px;
	color: #888;
	max-width: 1000px;
	margin: 0 auto;
}
a.readon {	background-image: url(../images/readon.gif);	background-repeat: no-repeat;	height: 20px;	width: 202px;	color: #FFF;	float: left;	text-indent: 25px;	line-height: 20px;	margin: 10px 0 0 0;}
.clr{clear:both;}
/* STYLE COMMUN*/
h1 { font-size:24px; color: #0c3f96; text-shadow: 2px 2px 2px #bbb; }
h2 { font-size:18px; color: #0c3f96; text-shadow: 2px 2px 2px #bbb; }
h3 {font-size:12px; font-color:  #dd004b;-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; color: #FFF; text-indent: 20px; line-height: 25px;}
h4 { font-size:14px; color: #0c3f96; text-shadow: 3px 3px 3px #bbb;  }
p { 
margin-position-1: 10px;
margin-bottom: 15px;
text-align: justify; 
} 
ul {   
font-family: Verdana, Arial, Tahoma, sans-serif;
font-color: #4c7562; /* vert*/
text-align: left;
font-size:12px;
text-indent: 20px;
list-style-type: none; /* LIST-STYLE-TYPEpour supprimer la puce de liste */ 
margin: 0px 0px 10px 10px;
padding: 0; /* pour firefox */
}

a { color: #0c3f96; }
a:link, a:visited { text-decoration: none;font-weight: bold;font-size:12px;font-family: Arial, Helvetica, sans-serif; }
a:hover { 
text-decoration: underline;font-weight: bold;font-size:12px;color:  #dd004b; /* rouge*/} 
a.link { background: url(../../../images/sampledata/icons/logo-mcf-small.png) center left no-repeat; padding-left: 28px; }
a.link:hover { background-image: url(../../../images/sampledata/icons/logo_bleu-small.png); }
img {
border:none; /* pour les images avec link tel que bouton "Edition", "pdf", etc */ } 
.search{ 
margin: 0 auto; 
} 


.sectiontableentry2, .sectiontableentry1 { 
font-size: 12px;text-align:left;padding:2px; } 
.button { 
-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
background: rgb(15,106,191);
color: #FFFFFF; /* noir */
font-size: 12px;
cursor:pointer;
font-family: Tahoma, Arial, sans-serif;
margin:5px 0 5px 0;
padding:0 5px 2px 5px;
height:22px;
line-height:20px;
border:none; 
} 
table.contentpaneopen td.contentheading { 
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
vertical-align: middle;
font-color: #669933; /* noir */
font-weight: bold;
padding: 0;
margin:0; 
} 
.small { 
font-size: 12px;font-color: #669933; font-weight: normal;text-align: left; }
table.contentpaneopen td.createdate { 
height: 20px;
vertical-align: position-1;
font-size: 12px;
font-color: #669933; /* noir */
font-weight: normal;
padding-position-1: 0px;
text-align:left; 
} 
table.contentpaneopen td.modifydate { 
height: 20px;
vertical-align: position-1;
font-size: 12px;
font-color: #669933; /* noir */
font-weight: normal;
padding-position-1: 0px;
text-align:right; 
}
.componentheading { /* titre*/
margin: 0;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 14px;
text-align: left;
font-color: #669933; /*vert */
padding: 0 0 10px 0;
font-weight:bold; 
} 
.contentheading {
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 14px;
text-align: left;
font-color: #669933; /* vert */
padding: 0 0 10px 0;
font-weight:bold; 
}
pagenav { 
font-size:12px;font-color: #669933; /* vert */font-weight:normal; }
fieldset.input{
border:none}
fieldset p{
margin: 5px 0 0 75px;}

.ombre { filter: progid; zoom: 1; webkit-box-shadow: 1px 1px 12px #555; moz-box-shadow: 1px 1px 12px #555; box-shadow: 1px 1px 12px #555; border: 5px solid #FFF; }
.skiptranslate.goog-te-gadget { height: 45px; text-align: center; }
.skiptranslate.goog-te-gadget a.goog-logo-link { display: inline; }
.module p { margin: 0; }
#calendrier { border-left: 1px solid #d0deed; border-right: 1px solid #d0deed; border-position-1: 1px solid #d0deed; }
#calendrier th { border-bottom: 1px solid #d0deed; font-weight: normal; font-size: 11px; }
#calendrier td { border-bottom: 1px solid #d0deed; }
#calendrier td a, #calendrier td a:hover { font-weight: normal; }
#calendrier td.annul {text-decoration: line-through;>Micro Ile de France</span>}

#cal-date { border-left: 1px solid #293676; border-right: 1px solid #293676; border-position-1: 1px solid #293676; }
#cal-contact { border-left: 1px solid #293676; border-right: 1px solid #293676; border-bottom: 1px solid #293676; }

ul.puces, #article-index ul { list-style-image: url(../../../images/sampledata/icons/logo-mcf-small.png); list-style-position: outside; text-indent: 0px; }
ul.puces li { line-height: 20px; padding-left: 0; margin-left: 20px; }
#article-index ul li { display: block; float: left; line-height: 20px; background: url(../../../images/sampledata/icons/logo-mcf-small.png) left no-repeat; text-indent: 0px; list-style-position: inside; padding-left: 25px; white-space : nowrap; width: 27%; }
.pagenavcounter { clear: left; padding-position-1: 10px; }
.pagination { padding-bottom: 20px; }
.pagination ul li:first-child { float: left; margin-bottom: 20px; }
.pagination ul li:last-child { float: right; margin-bottom: 20px; }

table.resultats { border-spacing: 0px; border-collapse: collapse; }
.resultats th { background-color: #003366; color: #FFF; }
.resultats tr:nth-child(even) { background-color: #DDDDDD; }
.resultats td p { margin: 5px 0; }


#enbas { color: #FFF; }

#user-registration { border: none; padding: 50px; }
#user-registration fieldset { border: none; margin: 10px 0; }
#user-registration fieldset dt { float: left; }
#user-registration fieldset dd { float: left; }
#user-registration div { text-align: right; }
#user-registration button { border-radius: 6px; color: rgb(255, 255, 255); background-color: rgb(15, 106, 191); padding: 5px 10px; border: none; }

#gauche .moduletable div.random-image { text-align: center; width: 265px; }
.random-image a { display: block; margin: auto; text-align: center; }
.random-image img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

uablesorter tr:hover { background: #f0f0f0; }