html , body
 {
	margin:0;
    padding:0;
    background:white  ;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* quelques valeur par defaut pour rendu plus homogene d'un navigateur a l'autre  (marge , liste , image , etc ...) */
* {
    margin:0;  /* toute les marges sont ?gale ? 0 */
    padding:0; /* toute les marges int?rieur sont ?gale ? 0 */
    font-size:13px; /* les polices normal es de 13px */
    line-height:1.1em; /*les lignes font 1.1em    */
    border:0; /* Toute les bordure sont ?gales ? 0   */
}

#global {
    width:95%; 
	min-width: 950px;
    margin:0 auto; /*la marge est egale ? 0    */
    height:1%;
/* position relative pour reference au element enfant en position absolute */
    position:relative; /*   ??      */
    background:white;  /* fond du global en blanc  */
/* D?finition des bordures si besoins */    
    border:#848684 2px solid; /* bordure du globla en gris( #848684)    */
    border-top:0; /* pas de bordure bas    */
    border-bottom:0; /* pas de bordure haut   */
}

#corps {
    margin-top:0px;/* hauteur du menu en 'absolute' */
    background:#FFF;  /*#E6E6E6 gris   ou    #FFF4D7   rose*/
    height:1%;
}



/** ---------------------------------------------------------------    ENTETE -------------------------------------------------------------------------------- */

.pasvu {  /*lien d'evitement */
    position:absolute;  /* on fixe sa position et on ejecte loin vers la gauche hors de l'ecran pour le cacher. Ce lien est pour les non-voyant , 
lecteur d'ecran  , ou autres media ou visiteur ayant des moyens d'"acc?s" differents */
    left:-9999px;       /* ejecte hors de l'ecran pour les visiteurs naviguant a vue et a la souris */
}

#en_tete {     
    background:url(http://www.dovizli-askerlik.eurycom.com/camouflage.jpg);  /*image d'arriere plan de l'entete    */
    padding:20px 5px 5px; /*Marge interieur de l'entete  20px en haut, 5px sur cote gauche et 5px sur cote droit    */
    margin:0;  /* les marges sont ?gales ? 0   */
    height:85px; /*la hauteur de l'entete fait 65px    */
}

/*le logo de gauche     */
#logogauche 
{
    padding: 0px;/* la marge interieur es de 0 partous   */
    float: left;/*alignement ? gauche    */
    width: 154px;/*la largeur es de 154px    */
}

/*l'espace publictaire allopass   */
#puballopass {
    margin:0 auto ;/* marge zero partous   */
    text-align:center; /* alignement centrale du text   */
}

/* le logo de droite   */
.logodroite {
    float:right; /*alignement droite    */
}

/*les drapeau de gauche*/
#drapeaugauche 
{
    padding: 0px;/* la marge interieur es de 0 partous   */
    float: left;/*alignement ? gauche    */
}

/* pub top contenu */
p#pubtopcontenu {
    border-top: 1px solid white; /* la bordure haut est une ligne blanche 1px   */
    border-bottom: 1px solid white;  /*la bordure bas est une ligne blanche de 1px   */
    padding:4px 3px;  /*marge interieur de 2px   */
    background:#006633; /*couleur de fond   */
    text-align:center; /*alignement centre du text   */
    text-decoration:none;/* annule la supression des soulign?s des liens  */
    color:#fff; /*couleur du text ::::::          utile si on met un text sans lien  :::: */
}

/* le lien dans pubtopcontenu   */
p#pubtopcontenu a {
    letter-spacing:0;/* on remet l'espace entre les lettre a zero par defaut */
    text-decoration:none; /* annule la supression des soulign?s des liens  */
    color:white; /* couleur blanc du lien    */
    font-weight:bold; /* effet en gras du lien    */
}

/* effet sur le lien pubtopcontenu */
p#pubtopcontenu a:hover {
    color:red; /* couleur rouge au passage de la souris   */
}

/*les drapeau de gauche*/
#compteur
{
    padding: 4px;/* la marge interieur es de 0 partous   */
    float: right;/*alignement ? gauche    */
}
/* ------------------------------------------------------------------------FIN    CSS   ENTETE --------------------------------------------------------------------   */


/* ------------------------------------------------------------------------   CONTENU   --------------------------------------------------------------------   */
#contenu {
    margin-top:0px;/* hauteur du menu en 'absolute' */
    margin:20px auto 0!important;
    margin: 20px 185px 0px 205px;
	padding: 25px;
}

#contenu p {
    text-indent:1em;/* decallage de la premiere ligne */
}

#contenu * {position:relative;z-index:2;}

#contenu .photo {
    position:absolute;  /* permet de plac? precisement  */
    top:14em;/* on remonte les textes au dessus du pied de 2.2 interlignes */
    right:13em;
	width: 25%;
}

#contenu ul.retrait li {
    margin:10px 0px 0px 50px;
    list-style-type:circle;
    background:none;
    color:#000;
}

#page {
    overflow:hidden;/* englobe les flottant dans ff et empeche IE d'elargir le block */
}


.pre {
    clear:right; /*  se positionne apr?s le flottant et pas dessous    */
    white-space:pre;/* affiche le texte comme dans le code (espace et retour de lignes) */
    color:red;
}

h2.pre   {
    margin-right:-200px;
}

ul.retrait {
    background:none;
}





/* ------------------------------------------------------------------------  MENU HAUT  --------------------------------------------------------------------   */

#menuhaut
{
    background: #003300;
    line-height:18px; /*hauteur de la ligne   */
} 

ul#menuhaut {
  display:table;
    margin: 0;
    padding: 0;
    list-style: none;
    color: white;
    background:#003300 ;
    border:1px solid #333 ;
    border-top:0;
    border-bottom:0;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font-size:10px;
    line-height:40px;
    font-weight:bold;
    width:100%;
	 position: relative;
	  z-index:3;
  }
   
#menuhaut  li {
color: white;
    position: relative;
    float:left;
    padding:0 1.72%; /*MODIFIE  LE 20/02                       padding: 0 5px;*/
    border-right:1px solid #333 ;
				/*suprime LE 20/02                       width: 110px;*/
    white-space:nowrap;
    text-align:center;
    z-index:1;
	height:30px;             /*hauteur de la ligne   */
    font-size:12px;       /*hauteur de la police  */
line-height:30px;
	display: inline;
}
#menuhaut li#qsn {width:110px; padding:0 10px;}   /*AJOUTER  LE 20/02 */

#menuhaut  li ul {
    position: absolute;
    left: -9999px; 
    top: 30px;               /*POSITIONE par rapport a ligne menu varie en fonction de height du  #menuhaut  li  */
    height:auto;
    border:1px solid ;
    border-right:0;
    border-top:0;
    width:100%;
}

#menuhaut  li ul li {
    display:block;
    background:url(image/fdmenuhaut.gif) ;
    text-align:center;
	width:96%;   /*RAJOUTE LE 20/02*/
}

#menuhaut  li a {
    font-size:12px;
    text-decoration: none;
    color: white;
}
	
#menuhaut a:hover {
    color:red;
}
#menuhaut li:hover ul,  #menuhaut  li.over ul { 
    left:-1px; 
    color:#333;
    z-index:2;
}

#menuhaut   li#datej {
    padding:0 5px ; /*RAJOUTE LE 20/02*/
    width:153px;
}
    
#menuhaut   li#symbole{
	padding:0 5px ; /*RAJOUTE LE 20/02*/
    width:154px;
    float:right;
	border-left:1px solid #000;
}

/* ------------------------------------------------------------------------  FIN DU MENU HAUT  --------------------------------------------------------------------   */

/* ------------------------------------------------------------------------MENU VERTICAL DROITE--------------------------------------------------------------------   */
#menuvdroit {
    width:165px;
    float:right;
    background:#E6E6E6;
	min-height:1005px;
}

/* ------------------------------------------------------------------------MENU VERTICAL --------------------------------------------------------------------   */
#menuv {
    width:165px;
    float:left;
    background:#E6E6E6;
	min-height:1005px;
}

.sous_menuv {
	margin-bottom:10px;/* decolle chaque block */
	background:#fff;
	border:2px solid #006600;
    padding:1px; /* laisse apparaitre le fond blanc sur 1 px autour */
}
.sous_menuv h2 {
	height: 20px;
	padding: 5px 0 0 0px; 
    background:#003300;/* couleur de fond */
    text-align:center;/* texte centr? */
    color:#fff;/* police blanche */
    font-size:14px;/* taille du texte en hauteur */
    font-weight:bold;/* police "engraiss?e */
}
.sous_menuv ul  {
 margin: 0;
 padding: 0px 0 0px;
 font-size:0.75em; 
 font-weight: bold;
 text-transform: capitalize;
 list-style: none;   
  background:#009933;
}

.marqueenews ,  .sous_menuv p {
    background:#339966;
}

.sous_menuv a                                      /* tous les liens  */ 
 {   
    text-decoration:none;
    display:block;
    width:126px;
    font-weight:bold;
}
.sous_menuvpublicite {
text-align:center;/* texte centr? */
vertical-align:middle;/* texte centr? */
min-height:130px;
    background:#339966;
}

.sous_menuv  ul li  a    /* tous les liens  dans le menu */ 
{
color: #000;
 padding: 4px 0 0 20px; 
 text-decoration: none; /* pas de sur ou sous-lignement du texte */
 display: block;/* rempli toute la largeur du conteneur par defaut */
 width: 137px;/* dimension donn? pour activer "layout" dans IE et eviter un bug visuel */
 height: 18px;
 margin:1px 0px 1px 0px; 
 background: #006633;  
}

.sous_menuv p a ,.sous_menuv p a b  /* lien dans les praragraphe du marquee  */
{ 
    display:block;/*cliquable sur la largeut totale de la liste et pas seulement le texte */
    margin: 0 auto; 
    padding:0.5em 0 ;/* on decolle les textes des bords et de la puce  */
    text-align:center;
    color:red;
}

.sous_menuv p a b  {
    color:#fff;
}

.sous_menuv p a:hover   {
 color: white;
}

.sous_menuv ul li a:hover {
    color:#FF0000;
 background: url(image/lilefthover.jpg) no-repeat 0 0; 
}

.sous_menuv p a:hover b  , #marqueehor a:hover  {
    color:#FF0000;
}

#partenaire {
    text-align:center;
}

/* ------------------------------------------------------------------------FIN    CSS   MENU VERTICALE --------------------------------------------------------------------   */



/** ---------------------------------------------------------------    PIED DE LA PAGE   -------------------------------------------------------------------------------- */
#marge_pied {
    clear:both;   /* se degage sous les flottants et etire ainsi le conteneur principal   */
    height:0px;
 
}

#pied {
    width:100%;
    height:16px;
    text-align:center;
    background:#ACAEAC url(image/fdmenuhaut.gif);
    color:#fff;
    line-height:18px;
  
    bottom:0;
    left:0;
    padding:2px 0;
    margin:1px 0 0 0 ;
}

#pied a {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}

#pied a:hover {
    color:red;
}

#pied .copyrightleftdecoupe-fr {
   
    bottom:25px;/* on remonte les textes au dessus du pied  */
    color:#ACAEAC;
    right:13em;
}

#pied  .copyrightleftdecoupe-fr a {
    color:red;
}

#pied .pub {
   background:#E6E6E6;  /*gris   ou    #FFF4D7   rose*/
   margin-top: 5px;
    top:25px;/* on descent la boite sous  le pied de 30px */
    color:#ACAEAC;
    border:1px solid ;
    width:100%;
    left:-1px;/* epaisseurs bordures */
    right:0;
}

#pied  .pub a {
    color:#ACAEAC;
}
#pied  .pub a:hover{
    color:red;
}
/** ---------------------------------------------------------------   FIN  PIED DE LA PAGE   -------------------------------------------------------------------------------- */



/** ---------------------------------------------------------------   CSS DES BOUTONS   -------------------------------------------------------------------------------- */
a 					{text-decoration: none; color: #FF0000; font-weight: bold;}
a:hover				{text-decoration: none; color: black; font-weight: bold;}

li a 					{text-decoration: none; color:black ; font-weight: bold;}
li a:hover			{text-decoration: none; color:#FF0000 ; font-weight: bold;}


 a.bouton {
    font-size:11px; 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
    color: red;
    background-color: #A9A9A9;
    text-decoration: none;
    font-weight: bold;
    padding: 3px; 
    border: 2px outset #c0c0c0;
    line-height:25px;
}
a.bouton:hover 
{
    color:white;
    background-color: red;
    border: 2px inset #c0c0c0;
}

a.boutonnoir{
	font-size:11px; 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
	color:#FFF;
    text-decoration: none;
	text-align:center;
    font-weight: bold;
    padding: 5px;
	padding-left:10px;
	padding-right:10px;
    border: 2px outset #c0c0c0;
    line-height:25px;
	background:url(image/arrierenoir.png);
}

a.boutonnoir:hover{
color:#FFF;
 border: 2px inset #c0c0c0;
background:url(image/bouton.gif);
}

a.boutonrouge{
	font-size:11px; 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
	color:#FFF;
    text-decoration: none;
	text-align:center;
    font-weight: bold;
    padding: 5px;
	padding-left:10px;
	padding-right:10px;
    border: 2px outset #c0c0c0;
    line-height:25px;
	background:url(image/bouton.gif);
	
}

a.boutonrouge:hover{
color:#FFF;
 border: 2px inset #c0c0c0;
background:url(image/arrierenoir.png);
}

/** ---------------------------------------------------------------   FIN  CSS DES BOUTONS   -------------------------------------------------------------------------------- */





/** ---------------------------------------------------------------  DIFFERENT ATTRIBU   -------------------------------------------------------------------------------- */
.imagegauche {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			margin: 0px 15px 10px 0px;
		}

.imagedroite {
			float: right;
			clear: right;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			margin: 0 15px 10px 0;
		}

.centre {
    text-align:center;
    margin:0.5em;
}

.retrait li {
    margin:10px 0px 0px 20px;
    list-style-type:circle;
}

.fdtbleu {background:url(image/fdtbleu.png);}
.fdtnoir {background:url(image/arrierenoir.png); }
.fdtvert {background:url(image/fdtvert.png);}
.fdtrouge {background:url(image/fdtrouge.png);}
.fdtrose {background:url(image/fdtrose.gif);}
.fdtorange {background:url(image/fdtorange.png); }
.fdtrougeclaire {background:url(image/fdtrougeclaire.png);}
.fdrose {background:url(image/fondrose.jpg);}
.fdgris {background:#E6E6E6;}
.fdgrisflou { background:url(image/fondgrisflou.gif);}
.fdrose {background:url(image/fondrose.jpg);}
.fdgris {background:#E6E6E6;}
.fdgrisflou { background:url(image/fondgrisflou.gif);}



.rouge {
    color:#FF0000;
}

.blanc {
    color:#FFF;
}
.bleu
{ color: #0000FF;}

.italic {
    font-style:italic;
}

.gras {
    font-weight:bold;
}

.grand {
    font-size:18pt;
}

.petit {
    font-size:9pt;
}

.alba {
    font-family:'Comic Sans MS';
}


.condition  b  /* Explication sur les formulaire */
 { 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
    color:black;
    font-size:6pt;
    text-align:justify;
    font-weight:normal;
}

.prose{ /* défini le fond d'un paraghe de couleur rose */

   text-align: justify;
   color: #555555;
   padding: 15px;  
   border:1px solid #ccc;  
   background:#FFF4D7;
}

.marge {margin: 10px;}

.pretour /* paragraphe aligne adroite essentiellement utiliser pour faire mettre les felche montant */
{
   text-align:right;
}

.pretour span
{
   float: left    
}


.form li {
	margin-left: 75px;
    line-height: 32px;
	list-style-image: url("../image/dossiermsp3.bmp");
	font-weight:bold;
}





.invisible/*  pour cacher des liens*/
{
color:#ACAEAC;
	vertical-align:top;
    cursor: default;
    FONT-SIZE: 1px; /* taille de la police*/
    TEXT-DECORATION: none; /* suprime le soulign?*/
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}

.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
}

h2{
	font-size:1.2em;
	color: red;
    padding:2px;
}

h6{  /* Utilise dans la page tva   */ 
	margin-top: 15px;
	background:#FF9933;
	font-size:1.2em;
	color: white;
    padding:2px;
}

/** ---------------------------------------------------------------   FIN  DIFFERENT ATRIBUT  -------------------------------------------------------------------------------- */


.voir {
display:block;
margin:0.5em auto;
}

.parcode {
display:block;
 width:75%;;
}


		
div#gc			{float: left; width: 45%; min-height: 200px; margin: 10px 5px 10px 10px; padding: 5px;border:6px #FFF4D7 inset;  background:#E6E6E6; }
div#dr			{float: right; width: 45%; min-height: 200px; margin: 10px 10px 10px 5px; padding: 5px;  border:6px #E6E6E6 outset;  background:#FFF4D7;  /*gris   ou    #FFF4D7   rose*/}

div#gc2			{float: left; width: 70%; min-height: 200px; margin: 10px 5px 10px 10px; padding: 5px;border:1px solid #ccc;  background:#FFF4D7; }
div#dr2			{float: right; width: 70%; min-height: 200px; margin: 10px 10px 10px 5px; padding: 5px;  border:1px solid #ccc;  background:#FFF4D7;  /*gris   ou    #FFF4D7   rose*/}


#contenu.gc3			{float: left; width: 95%; min-height: 200px; margin: 10px 5px 10px 10px; padding: 5px;border:1px solid #ccc;  background:#FFF4D7; }
.dr3			{float: right; width: 95%; min-height: 200px; margin: 10px 10px 10px 5px; padding: 5px;  border:1px solid #ccc;  background:#FFF4D7;  /*gris   ou    #FFF4D7   rose*/}

		

div.ligne{ 
margin: 10px 10px 10px 5px; 
padding: 0; 
border: 2px; 
background-color: #FFF; 
width: 95%; 
width: 90% !important;
text-align:center; /* alignement centrale du text   */ }

div.lignecentre{ 
margin-left: auto; 
margin-right: auto; 
padding: 0; 
border: 2px; 
background-color: #FFF; 
width: 98.5%; 
width: 90% !important;
}

#cont h2{
	width: 80%; 
	margin-top: 15px;
	background:#ff0000;
	font-size:1.2em;
	color: white;
    padding:2px;
}


#cont  {
margin: 20px 20px 50px 20px ;  
font-size:12px; 
text-decoration: none; 
line-height: 16px;
height:1%
}


#cont .cadre{
  margin: 2px;
  width: 45%;
   padding: 2px;
  font-family:Georgia, "Times New Roman", Times, serif;  
  display: inline;
}




.cadreartisans2			
{
margin: 1px;
margin-left: 10px;
margin-right: 10px
}
.cadreartisans			
{
margin-left: 150px;
margin-right: 50px;
margin-top: 50px;
}

.cadreartisans .contenuartisans{
   background-color:#e5e5e5;   
   min-height: 150px; 
   padding: 15px;
   margin-top: 0px;

}
.cadreartisans2 .contenuartisans{
   background-color:#e5e5e5;   
   min-height: 150px; 
   padding: 15px;
   margin-top: 0px;

}

.cadreartisans h3{
font-size:16px; 
text-decoration: none; 
line-height: 30px;
   padding:0px;
   margin:0px;
   text-align: center;
   color: #FFF;
   background:url(image/arrierenoir.png);
}
.cadreartisans2 h3{
font-size:16px; 
text-decoration: none; 
line-height: 30px;
   padding:0px;
   margin:0px;
   text-align: center;
   color: #FFF;
   background:url(image/arrierenoir.png);
}

.cadreartisans h4{
font-size:1px; 
text-decoration: none; 
line-height: 30px;
   padding:0px;
   margin:0px;
   text-align: center;
   color: #FFF;
   background:url(image/arrierenoirinverse.png);
}




.pimg2{
  margin: 0px;
  width: 95%;  
}
.pimg2 img {
  width: 100%;
  height: 100%;
}