/* CSS Document */
/* CSS DES BALISES GENERALES - CSS DES BALISES GENERALES - CSS DES BALISES GENERALES */
form
{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}
input
{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}
textarea
{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}
img
{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
border: 0px;
}
h1
{
margin: 5px 0px 5px 0px;
padding: 5px 0px 25px 0px;
font-family :Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 22px;
text-align: center;
}
h2
{
margin: 3px 0px 3px 0px;
padding: 3px 0px 3px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
}
h3
{
margin: 1px 0px 5px 0px;
padding: 1px 0px 1px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
}
h4
{
margin: 1px 0px 1px 0px;
padding: 1px 0px 1px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 9px;
}
p
{
margin: 0px 0px 5px 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}
br
{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
height:12px;
}
span.blue{
background:#99ffff;
}
span.yellow{
background:#ffff00;
}
span.bold{
font-weight:bold;
}
ul,li
{
font-size: 12px;
}
/* CSS DES LIENS - CSS DES LIENS - CSS DES LIENS - CSS DES LIENS - CSS DES LIENS */
a:link {
text-decoration: none;
color: #19047a;
}
a:visited {
text-decoration: none;
color: #19047a;
}
a:hover {
text-decoration: underline;
color: #002FA7 ;
}
a:active {
text-decoration: underline;
color: #19047a;
}
/* CSS DE LA PAGE - CSS DE LA PAGE - CSS DE LA PAGE - CSS DE LA PAGE - CSS DE LA PAGE */
html, body
{
margin: 0px;
padding: 0px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
background:#FFF;
color: #19047a ;
}
	div#spacework
	{
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 980px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}
		div#header
		{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		height: 220px;
		width: 980px;
		background: url(../CHARTE/banniere.jpg) no-repeat left top;
		overflow: hidden;
		}
			div#headerLink
  		{
  		margin: 0px 0px 0px 0px;
  		padding: 0px;
  		height: 190px;
  		width: 340px;
  		overflow: hidden;
  		cursor:pointer;
  		}
		div#corp
		{
		margin: 0px;
		padding: 0px;
		height: auto;
		width: 980px;
		overflow: hidden;
		}
			div#menu
			{
			float: left;
			margin: 0px;
			padding: 0px;
			height: auto;
			width: 200px;
			font-family:Arial, Helvetica, sans-serif;
			}	
        div#menu_tete
  			{
  			float: left;
  			margin: 0px;
  			padding: 0px;
  			height: 10px;
  			line-height:2px;
  			width: 200px;
  			background: url(../CHARTE/MENU_tete.jpg) no-repeat left top;
  			}	
        div#menu_content
  			{
  			float: left;
  			margin: 0px;
  			padding: 0px;
  			height: auto;
  			width: 200px;
  			background: url(../CHARTE/MENU_spacer.jpg) repeat-y left top;
  			}		
    			ul#ul-menu
    			{
    			float: left;
    			margin: 0px;
    			padding: 0px;
    			height: auto;
    			width: 200px;
    			font-family:Arial, Helvetica, sans-serif;
    			font-weight: normal;
    			font-size: 12px;
    			list-style-type:none;
    			}
            ul#ul-menu li
            { 
    		  	width: 200px;
    		  	text-align:center;
    		  	margin-bottom:5px;
    		  	overflow:hidden;
            }  				
            ul#ul-menu li a
            {
            display:block;
            padding-left:30px;      
            background: url(../CHARTE/BTN_under.jpg) no-repeat left top;
            text-decoration: none;
            color: #19047a;
            }
            ul#ul-menu li a:hover
            {
            display:block;
            background: url(../CHARTE/BTN_over.jpg) no-repeat left top;
            text-decoration: none;
            color: #002FA7;
            font-weight: bold;
            }
            li.menu1ligne a
            {
            padding-top: 12px;
            height:28px;
            }
            li.menu2lignes a
            {
            padding-top: 3px;
            height:37px;
            }
        div#menu_pied
        {
        float: left;
        margin: 0px;
        padding: 0px;
        height: 10px;
        width: 200px;
        background: url(../CHARTE/MENU_pied.jpg) no-repeat left top;
        }
			div#content
			{
			float: left;
			margin: 0px;
			padding: 0px;
			height: auto;
			width: 770px;
			padding-top:10px;
			padding-right:10px;
			overflow: hidden;
			text-align: left;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 12px;
			background: url(../CHARTE/la_reflexion_dans_l_action.jpg) no-repeat right top;
			}
			div#contentCI
			{
			float: left;
			margin: 0px;
			padding: 0px;
			height: auto;
			width: 770px;
			padding-top:10px;
			padding-right:10px;
			overflow: hidden;
			text-align: left;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 12px;
			background: url(../IMAGES/imaginerCchoisir.jpg) no-repeat right top;
			}
/* CSS DE LA PAGE INDEX */
			  div#msg-bienvenue
			  {
        width:762px;
        padding: 235px 4px 10px 4px;
        color: #002FA7;
        background: url(../IMAGES/chameaux.jpg) no-repeat left top;
        }
        div#liens-fort
        {
        width:762px;
        padding-left:4px;
        padding-right:4px;
        }	
          .zone-lien-fort
          {
          float: left;
          width:246px;
          background: #e9e9e9;
          border: 1px solid #ec8179;
          margin-left:3px;
          margin-right:3px;
          text-align:center;          
          }	
            .titre-lien-fort
            {
            width:222px;
            background: #fff;
            border: 2px solid #19047a;
            margin:10px;
            padding-top: 10px;
            padding-bottom:10px;
            text-align:center;  
            font-weight: bold;  
            cursor:pointer;      
            }	
            .image-lien-fort
            {
            width:226px;
            background: #e9e9e9;
            margin:10px;
            margin-bottom:8px;           
            }
/* CSS DE LA PAGE CARTE D IDENTITE */
  			div#fontLine
  			{
  			float: left;
  			margin: 0px;
  			padding: 0px;
  			height: auto;
  			width: 770px;
  			overflow: hidden;
  			text-align: left;
  			background: url(../IMAGES/fontLine.gif) repeat-y left top;
  			}
        .carteIdentite
        {
        float: left;
  			margin: 0px;
  			padding: 10px 0px 0px 0px;
  			height: auto;
  			width: 770px;
  			overflow: hidden;
  			text-align: left;
        }
          .carteIdentiteGauche
          {
          float: left;
          margin: 0px 0px 0px 0px;
    			padding: 0px 0px 0px 20px;
    			height: auto;
    			width: 210px;
    			font-weight: bold;
          }
          .carteIdentiteDroite
          {
          float: right;
          margin: 0px;
    			padding: 0px 20px 0px 0px;
    			height: auto;
    			width: 490px;
          }
/* CSS DE LA PAGE EQUIPE PROJET */
        .trombinoscope
        {
        float:left;
        margin: 0px;
        padding: 0px;
        width: 97px;
        height: 135px;
        }
        .trombinoscopeDouble
        {
        float:left;
        margin: 0px;
        padding: 0px;
        width: 97px;
        height: 270px;
        }
        .potentielName
        {
        margin: 5px 0px 5px 0px;
        padding: 2px 0px 2px 0px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 16px;        
        }
/* CSS DE LA PAGE METHODE */
        div#page1
        {
        margin-top:10px;
        text-align:left;
        font-size: 12px; 
        }
        div#page2
        {
        margin:10px 10px 0px 10px;
        display:none;
        text-align:left;
        font-size: 12px; 
        }
        div#methode_g
        {
        float:left;
        width:370px;
        padding:5px;
        margin-right:5px;
        text-align:justify;
        }
        div#methode_d
        {
        float:left;
        width:370px;
        padding:5px;
        margin-left:5px;
        text-align:justify;
        }
        .rose
        {
        clear: both;
        margin: 5px auto 5px auto;
        padding: 5px;
        text-align: center;
        border:1px #000066 solid;
        background: #ffffcc;
        font-size: 14px;  
        }
/* CSS DE LA PAGE MATERIEL */
        div#page1
        { 
        }
        			div#fontLine2
        			{
        			float: left;
        			margin: 0px;
        			padding: 0px;
        			height: auto;
        			width: 770px;
        			overflow: hidden;
        			text-align: left;
        			background: url(../IMAGES/fontLine2.jpg) repeat-y left top;
        			}
              .moyensMateriels
              {
              float: left;
        			margin: 0px;
        			padding: 10px 0px 0px 0px;
        			height: auto;
        			width: 770px;
        			overflow: hidden;
        			text-align: left;
              }
                .moyensMaterielsGauche
                {
                float: left;
                margin: 0px 0px 0px 0px;
          			padding: 0px 0px 0px 20px;
          			height: auto;
          			width: 180px;
          			font-weight: bold;
                }
                .moyensMaterielsDroite
                {
                float: right;
                margin: 0px;
          			padding: 0px 20px 0px 0px;
          			height: auto;
          			width: 520px;
                }
        div#page2
        {
        }
        			div#fontLine2
        			{
        			float: left;
        			margin: 0px;
        			padding: 0px;
        			margin-bottom:10px;
        			height: auto;
        			width: 770px;
        			overflow: hidden;
        			text-align: left;
        			background: url(../IMAGES/fontLine2.jpg) repeat-y left top;
        			}
              .logiciels
              {
              float: left;
        			margin: 0px;
        			padding: 10px 0px 0px 0px;
        			height: auto;
        			width: 770px;
        			overflow: hidden;
        			text-align: left;
              }
                .logicielsGauche
                {
                float: left;
                margin: 0px 0px 0px 0px;
          			padding: 0px 0px 0px 20px;
          			height: auto;
          			width: 180px;
          			font-weight: bold;
                }
                .logicielsDroite
                {
                float: right;
                margin: 0px;
          			padding: 0px 20px 0px 0px;
          			height: auto;
          			width: 520px;
                }
        div#page3
        {
        display:none;
        text-align:left;
        margin:10px;
        }
                fieldset.materiels{
                float:left;
                overflow:hidden;
                width:340px;
                margin:5px;
                padding:5px;
                }
                .fieldsetMaterielsGauche
                {
                float:left;
                width:125px;
                height:155px;
                text-align: left;
                margin-top:10px;
                margin-right:5px;
                }
                .fieldsetMaterielsDroite
                {
                float:right;
                width:200px;
                height:155px;
                text-align: center;
                }
                legend
                {
                color: #19047a;
                }
/* CSS DE LA PAGE PROJET */
        div#miniature
        {
        float:left;
        width:500px;
        text-align:center;
        }
          .Image
          {
          float:left;
          width:166px;
          height:160px;
          text-align:center;
          }
          .Image img
          {
          border: 1px #19047a solid;
          }
          .tableau
          {
          clear:both;
          text-align:center;
          }
        div#projetPhoto
        {
        float:right;
        width:255px;
        margin: 0px;
		  	padding: 5px;
		  	height: auto;
		  	font-family:Arial, Helvetica, sans-serif;
		  	border: 1px #19047a solid;
		  	text-align:left;
		  	font-size: 14px;
        }
        div#maisAussi
        {
        clear:both;
        padding:10px;
        text-align:justify;
        font-size:11px;
        }
        .projet
        {
        padding-bottom:5px;
        cursor:pointer;
        }
        .projet:hover
        {
        padding-bottom:5px;
        text-decoration:underline;
        }

/* CSS DE LA PAGE ARCAN */
			  div#arcan
			  {
        width:762px;
        padding: 325px 4px 10px 4px;
        color: #002FA7;
        background: url(../PHOTOS/port-brouillard.jpg) no-repeat left top;
        }
/* CSS DU FOOTER */
	div#footer
	{
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 100%;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}
		div#footer-content
		{
		margin: 0px auto 0px auto;
		padding: 10px 0px 0px 0px;
		height: 30px;
		width: 980px;
		background: url(../CHARTE/pied.jpg) no-repeat left top;
		text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 12px;
		}