/***********************************************/
/* cis.css                                     */
/* Feuilles de styles site C.I.S               */
/***********************************************/

/***********************************************/
/* Propriétes des pages                        */
/***********************************************/
@media screen {
#accueil{
	display:block;
	position:absolute;
	margin-left:3%;
	margin-top:1%}
body {
	background-color:#aee67c ;
	
	font-family: Arial,sans-serif;}
body.accueil {
	background-color:#aee67;
	font-family: Arial,sans-serif;}
a {font-weight:bold}
a:link{	color:#004f24; text-decoration:none}
a:visited{color:#004f24;text-decoration:none}
a:hover{background-color:; color:#004f24;text-decoration:underline}
	
/***********************************************/
/* Propriétes des (Bandeau)                                 */
/***********************************************/
#bandeau{
	clear:both;
	height:50px;
	background-color: #c0f090;
	border: 1px solid #cccccc;
	color: #cccccc;
	margin-top:1%}
	
	
#bandeau p {
	float:none;
	color:blue;
	font-family: Arial,sans-serif;
	font-size:130%;
	text-align:center;
	margin-top:1%;
	font-weight:bold;
	}
	
#bandeau p.2 {
	float:inherit;
	font-family: Arial,sans-serif;
	font-size:22px;
	word-spacing:100px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;}

#bandeau-acc{
	display:block;
	position:absolute;
	text-align:center;
	width:100%;
	top:24%;
	}


/***********************************************/
/* Division pour les animations                 */
/***********************************************/


#news_home{
	display:block;
	position:absolute;
	margin-left:20%;
	text-align:center;
	margin-top:8%;
	width:60%;
	height:auto;
	background-color:#c0f090;
	color:#004f24;
	font-weight:bold;
	font-size:120%;
	}
	
#neutralite {
	display:block;
	position:absolute;
	margin-left:22%;
	margin-top:1%}
	
#orientation {
	display:block;
	position:absolute;
	margin-left:48%;
	margin-top:1%}
	
#information {
	display:block;
	position:absolute;
	margin-left:10%;
	margin-top:5%}
	
#relation {
	display:block;
	position:absolute;
	margin-left:35%;
	margin-top:5%}
	
#des{
	display:block;
	position:absolute;
	margin-left:14%;
	margin-top:32%}
	
#questions{
	display:block;
	position:absolute;
	margin-left:26%;
	margin-top:33%}
	
#surla{
	display:block;
	position:absolute;
	margin-left:22%;
	margin-top:41%}
	
#surdite{
	display:block;
	position:absolute;
	margin-left:40%;
	margin-top:41%}
	
#interro{
	display:block;
	position:absolute;
	margin-left:78%;
	margin-top:29%}

/***********************************************/
/* Propriétés des Menus   #d3f032                      */
/***********************************************/

#menu{	
	float:left;
	width: 14%;
	height: auto;
	margin-top:2%;
	margin-bottom:1%;
	border: 1px solid #cccccc;
	background-color:#c0f090;
	font-size:75%;}

	#menu p {
	font-family: Arial,sans-serif;
	color:blue;
	font-weight:bold;
	margin-left:5%;
	text-decoration:underline;
	font-size:110%}
	
#menu a.actif:link {color:#3848a8;text-decoration:underline}
#menu a.actif:hover {color:#3848a8;text-decoration:underline}
#menu a.actif:visited {color:#3848a8;text-decoration:underline}


#menu ul a:link, ul a:visited {
	display: block;
	margin-left:5%;}
	
#menu ul {list-style:none; margin: 0; padding: 0;}


/***********************************************/
/* Propriétés du contenu    #9ACD32                   */
/***********************************************/
#acces{	
	float:right;
	width: 14%;
	margin-top:2%;
	margin-bottom:1%;
	height: auto;
	border: 1px solid #cccccc;
	background-color:#a3d400;
	font-size:75%;}

#ctn_float{	
	float:left;
	width: 40%;
	margin-top:2%;
	margin-bottom:1%;
	margin-left:2%;
	height: auto;
	border: 1px solid #cccccc;
	background-color:#aee67;
	font-size:75%;}
/***********************************************/
/* Propriétés des Tableau                      */
/***********************************************/
	
#ctn_float h1 {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 0%;
	color:#3848a8;
	font-weight:bold;
	text-align:justify;
	font-size:150%}
	
#ctn_float p {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 2%;
	color:#004f24;
	font-weight:bold;
	text-align:justify;
	font-size:120%}
	

	
#contenu {
	float:right;
	width: 80%;
	margin-top:2%;
	margin-bottom:0%;
	height: auto;
	background-color:#aee67}


	
#contenu p.date_actu, #contenu p.date_event {
	font-family: Arial,sans-serif;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-left:0%;
	margin-right:0%;
	color:black;
	background-color:#c0f090;
	font-weight:bold;
	text-align:justify;
	font-size:95%}

#contenu p.titre_actu, #contenu p.titre_vds {
	font-family: Arial,sans-serif;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-left:2%;
	margin-right:0%;
	color:#3848a8;
	font-weight:bold;
	text-align:justify;
	font-size:100%}
	
#contenu p.resume_actu, #contenu p.resume_vds, #contenu p.desc_lu,  {
	font-family: Arial,sans-serif;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-left:2%;
	margin-right:0%;
	color:#004f24;
	font-weight:bold;
	text-align:justify;
	font-size:90%}

#contenu p.contact_vds
{
	font-family: Arial,sans-serif;
	margin-top: 0%;
	margin-bottom: 3%;
	margin-left:2%;
	margin-right:0%;
	color:#004f24;
	font-weight:bold;
	text-align:justify;
	font-size:90%}

iframe {
	font-family: Arial,sans-serif;
	background-color:#9ACD32;
	float:right;
	width: 105%;
	height:5%
	}
	
#contenu_prt{
  display:none;
	}
	
#contenu p {
	font-family: Arial,sans-serif;
	margin: 2% 2% 0% 0%;
	color:#004f24;
	font-weight:bold;
	text-align:justify;
	font-size:90%}

	
#contenu p.construction {
	font-family: Arial,sans-serif;
	margin: 2% 2% 0% 0%;
	color:white;
	font-weight:bold;
	text-align:justify;
	font-size:200%}

#contenu a:link{	color:#7280c4; text-decoration:none;font-size:110%;font-weight:bold;}
#contenu a:visited{color:#7280c4;text-decoration:none;font-size:110%;font-weight:bold;}
#contenu a:hover{color:#7280c4;text-decoration:underline;font-size:130%;font-weight:bold;}

#contenu h1 {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 0%;
	color:#3848a8;
	font-weight:bold;
	text-align:justify;
	font-size:110%}
	
#contenu ul {
	font-family: Arial,sans-serif;
	margin: 0% 0% 0% 5%;
	color:#004f24;
	font-weight:bold;
	text-align:justify;
	font-size:80%}
	
#contenu a.bn:hover {color:white;text-decoration:underline;background-color:black}

#contenu a.nb:hover {color:black;text-decoration:underline;background-color:white}

#contenu a.cl:hover {color:#004f24;text-decoration:underline;background-color:#9ACD32}

/***********************************************/
/* Propriétés des Pied de pages  e8ff6b        */
/***********************************************/

#piedpage{
	clear:both;
	height:auto;
	background-color:#cdf7a3 ;
	border: 1px solid #cccccc;
	color: #cccccc;
	margin-top:2%}

	
#piedpage p {
	float:none;
	color:#556B2F;
	vertical-align:text-top;
	font-family: Arial,sans-serif;
	font-size:75%;
	text-align:center;
	margin-left:15%;
	margin-top:1%;
	margin-bottom:1%}
	
#pied-acc{/*background-color:e8ff6b*/
	display:block;
	position:absolute;
	width:102%;
	text-align:center;
	background-color:#aee67c;
	color:white;
	right:0%;
	left: 0%;
	bottom:0%;
	}
#pied-acc p {
	float:none;
	color:#556B2F;
	vertical-align:text-top;
	font-family: Arial,sans-serif;
	font-size:100%;
	text-align:center;
	margin-left:0%;
	margin-top:2%;
	margin-bottom:2%}

#pied-acc a:link{	color:#556B2F; text-decoration:none}
#pied-acc a:visited{color:#556B2F;text-decoration:none}
#pied-acc a:hover{color:#556B2F;text-decoration:underline}

/***********************************************/
/* Propriétés des logos                        */
/***********************************************/

#logocis {
	float:left;
	border: 1px solid #cccccc;
	color: #cccccc;}
	
#logodrass {
	float:right;
	border: 1px solid #cccccc;
	color: #cccccc;}
		

	
#titre-acc{
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	font-size:160%;
	font-weight:bold;
	color:white
	}
#ctn_float p.prt {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 2%;
	color:#004f24;
	font-weight:bold;
	text-align:center;
	font-size:120%}
	
input.sub {
  font-family : arial;
  height : auto;
	width : 25%;
  color : #000099;
  font-weight : bold;
  font-size : 8pt;
}
	}
@media print {

body {
	background-color:white;
	
	font-family: Arial,sans-serif;}
body.accueil {
	background-color:white;
	font-family: Arial,sans-serif;}
a {font-weight:bold}
	
/***********************************************/
/* Propriétes des (Bandeau)                                 */
/***********************************************/
#bandeau{
	clear:both;
	height:50px;
	background-color: white;
	color: #cccccc;
	margin-top:1%}
	
	
#bandeau p {
	float:none;
	color:white;
	font-family: Arial,sans-serif;
	font-size:130%;
	text-align:center;
	margin-top:1%;
	font-weight:bold;
	}
	
#bandeau p.2 {
	float:inherit;
	font-family: Arial,sans-serif;
	font-size:22px;
	word-spacing:100px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;}

#bandeau-acc{
	display:block;
	position:absolute;
	text-align:center;
	width:100%;
	top:24%;
	}


/***********************************************/
/* Division pour les animations                 */
/***********************************************/



/***********************************************/
/* Propriétés des Menus   #d3f032                      */
/***********************************************/

#menu{	
	display:none;
}

	


/***********************************************/
/* Propriétés du contenu    #9ACD32                   */
/***********************************************/
#acces{	
	float:right;
	width: 14%;
	margin-top:2%;
	margin-bottom:1%;
	height: auto;
	border: 1px solid #cccccc;
	background-color:#a3d400;
	font-size:75%;}

#ctn_float{	
	float:left;
	width: 40%;
	margin-top:2%;
	margin-bottom:1%;
	margin-left:2%;
	height: auto;
	background-color:#a3d400;
	font-size:75%;}
	
#ctn_float h1 {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 0%;
	color:white;
	font-weight:bold;
	text-align:justify;
	font-size:150%}
	
#ctn_float p {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 2%;
	color:black;
	font-weight:bold;
	text-align:justify;
	font-size:120%}
	
#contenu{
	float:right;
	width: 80%;
	margin-top:3%;
	margin-bottom:0%;
	height: auto;
	background-color:#9ACD32}

#contenu_prt{
	float:left;
	width: 40%;
	margin-top:10%;
	margin-bottom:1%;
	margin-left:2%;
	height: auto;
	background-color:#a3d400;
	font-size:75%;}

#contenu_prt h1 {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 0%;
	color:white;
	font-weight:bold;
	text-align:justify;
	font-size:150%}
	
#contenu_prt p {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 2%;
	color:black;
	font-weight:bold;
	text-align:justify;
	font-size:120%}
	

#contenu p {
	font-family: Arial,sans-serif;
	margin: 2% 2% 0% 0%;
	color:black;
	font-weight:bold;
	text-align:justify;
	font-size:90%}

#contenu p.construction {
	font-family: Arial,sans-serif;
	margin: 2% 2% 0% 0%;
	color:white;
	font-weight:bold;
	text-align:justify;
	font-size:200%}

#contenu a:link{	color:blue; text-decoration:none;font-size:110%;font-weight:bold;}
#contenu a:visited{color:blue;text-decoration:none;font-size:110%;font-weight:bold;}
#contenu a:hover{color:blue;text-decoration:underline;font-size:130%;font-weight:bold;}

#contenu h1 {
	font-family: Arial,sans-serif;
	margin: 0% 2% 2% 0%;
	color:white;
	font-weight:bold;
	text-align:justify;
	font-size:110%}
	
#contenu ul {
	font-family: Arial,sans-serif;
	margin: 0% 0% 0% 5%;
	color:#004f24;
	font-weight:bold;
	text-align:justify;
	font-size:80%}
	
#contenu a.bn:hover {color:white;text-decoration:underline;background-color:black}

#contenu a.nb:hover {color:black;text-decoration:underline;background-color:white}

#contenu a.cl:hover {color:#004f24;text-decoration:underline;background-color:#9ACD32}

input.sub {
  display:none;
}
/***********************************************/
/* Propriétés des Pied de pages  e8ff6b        */
/***********************************************/

#piedpage{
	display:none;
	}
	
/***********************************************/
/* Propriétés des logos                        */
/***********************************************/

#logocis {
	display:none;
	}
	
#logodrass {
	display:none;
}
		}