/********************************************************\
**********************************************************

        MISE EN PAGE : TEXTES, CONTENUS, PADDINGS

**********************************************************
\********************************************************/

/**************** PROPRIETES GENERALES ******************/

body{
    font-family: Verdana, Arial;
    font-size: 13px; 
    
    /*font-style: italic;*/
}

h1.titre1 {
	text-align: left;
	font-style: italic;
}

a.partenaires {
	text-decoration: none;
	color: #001843;
}
a.partenaires:hover {
	text-decoration: underline;
	color: #001843;
}

/********************** CONTENU ************************/

#texte_contenu {
    text-align: justify;
    color: #ffffff;
    /*color: black;*/
    padding: 4px 10px 0px 10px;
}

.noir {
    color: #001843;
}
.noirBold {
    color: #001843;
    font-weight: bold;
}
.web2i{
    color: #fbcb23;
    font-weight: bold;
}

#texte_contenu p {
    /*text-indent: 25px;*/
}

a:hover, a:visited:hover {
    color: #3355a6;   /* orange : fbcf21 */
}

a, a:visited{
    text-decoration: underline;
    color: #fff;
}

.souligner{
  text-decoration: underline;
  font-weight: bold;
  color: #fbcb23;
}
.souligner2{
  text-decoration: underline;
  font-weight: normal;
  color: white;
}
a img{
    border: 0;
}
h3{
	color: #001843;
	text-align: center;    
}
h4 {
	color: #001843;
	text-align: center;
}
.h5plus {
	font-size:15px;
}
h5 {
	font-size:14px;
	color: #001843;
	text-align: center;
    font-weight: bold;
}
pseudo_lien a {
    text-decoration: none;
    color: red;
}


/**************** BULLE ORANGE GAUCHE ******************/

#acces_client{
  margin-left: 75px;
} 

#acces_client fieldset{
  margin-left: 5px;
  padding: 0px;
  border: 0px;
}

#acces_client legend{
  font-style: italic;
  font-weight: bold;
  font-size: 13px;
  color: #3959a2;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 4px;
}

#acces_client p{
  margin: 0px;
  margin-bottom: 3px;
}

#valider_form_client{
  position: absolute;
  top: 25px;
  right: 60px;
}

.input{
  background-color: #679ad3;
  color: #fbcb23;
}



/***************** PAGE ACCUEIL *****************/

ul li{
    vertical-align:middle;
    list-style-image: url("./img/puce8.png");
    padding-top: 3px;
}

ul{
    margin-top:5px;
}

/**************** PAGE INTERNET *****************/
.list li{
    vertical-align:middle;
    list-style-image: url("./img/puce_carre.gif");
    
}

.list ul{
    margin-top:0px;
    padding: 0;
}



/**************** PAGE INTRANET *****************/




/****************** PAGE DEMO *******************/
#liste_projets
{
    /*margin: 0px 25px;*/
}

#table_projets {
    width: 630px;
}

#table_projets .descr_projet{
    /*padding: 25px 10px 25px 0px;*/
    padding: 0px 10px 0px 0px;
    /*width: 65%;*/
    width: 420px;
}
    
#table_projets .miniature_projet{
    /*padding-left: 10px;*/
    text-align:right;
    /*width: 35%;*/
    width: 200px;
}

#table_projets .client_projet {
    font-size:15px;
    text-align:center;
    text-decoration: underline;
    font-style: normal;
    font-weight: bold;
    
    margin-bottom: 3px;
    color : #fbcb23;
    color : #001843;
}

#table_projets .client_projet a{
    font-size:15px;
    text-align:center;
    text-decoration: underline;
    font-style: normal;
    font-weight: bold;
    
    margin-bottom: 3px;
    color : #fbcb23;
    color : #001843;
}
#table_projets .client_projet a:hover{
    color : #fbcb23;
}
#table_projets .act_client_projet{
    text-align:center;
    font-size:13px;
    font-style: normal;
    
}

#table_projets .type_projet{
    text-decoration: underline;
    margin: 13px 0px 8px;
    
}

#table_projets .texte_projet{
    /*text-indent: 15px;*/
    color: #001843;
    font-size: 11px;    
}
#table_projets .texte_projet ul {
    list-style-position: inside;
    padding:0;
    line-height : 1.5em;
}
#table_projets .texte_projet ul li{
    vertical-align : middle;
    list-style-image : url("./img/fleche_droite.gif");
}

.sep {
	width : 300px;
    height : 20px;
    background : url('./img/picto_sep.gif') left center repeat-x;
}


#table_projets p{
    text-indent: 15px;
    margin: 0;
    padding: 0;
}

.miniature_projet img, .miniature_projet img  
{
    border: 1px solid #3355a6;
    opacity:.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
}

.miniature_projet img:hover, .miniature_projet img:visited:hover  
{
    border: 1px solid orange;
    cursor: hand;
    
    opacity:1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}


#table_projets #logo_emulsion{
    background-image: url('./img/demo_sites/logo_emulsion.png');
    background-position: center center;
    background-repeat: no-repeat;
}

#table_projets #logo_web2i{
    background-image: url('./img/demo_sites/logo_web2i.png');
    background-position: center center;
    background-repeat: no-repeat;
}

#table_projets #logo_sosbuginfo{
    background-image: url('./img/demo_sites/logo_sosbuginfo.png');
    background-position: center center;
    background-repeat: no-repeat;
}

#table_projets #logo_i2e{
    background-image: url('./img/demo_sites/logo_i2e.png');
    background-position: center center;
    background-repeat: no-repeat;
}






#lien_popup a:hover{
    color: #3355a6;
    text-decoration: underline;
}

#lien_popup a, #lien_popup a:visited{
    color: #3355a6;
    text-decoration: none;
}



/***************** PAGE CONTACT *****************/

/* Partie gauche - contact */

#cadre_contact{
    width: 314px;
    border-right: 1px solid orange;
    float: left;
}

#contact{
    /*padding-right: 25px;*/
    width: 289px;
}

#contact table{
    cellpadding: 0; 
    cellspacing: 2px;
    width: 100%;
}

#contact td{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #001961;
    padding-bottom: 4px;
    padding-right: 4px;
}

#contact_tr_sumit td{
    padding-top: 10px;
}

#contact input,textarea{
    color: #2a499f;
    overflow: auto;
}

#contact h2 {
    margin-top: 0px;
    text-align: center;
    color: #fbcb23;
    
    font-size: 18px;
}

#contact p {
    font-size: 13px;
}


/* Partie droite - informations web2i */

#cadre_infos_societe{
    width: 314px; /*314*/
    float: left;
}

#infos_societe{
    padding-left: 25px; 
    margin-top: 35px;
}

#infos_societe #informations{
    color: white;
    text-align: center;
    font-style: normal;
}

#infos_societe #propositions{
    text-indent: 25px;
    font-size: 13px;
}

#infos_societe #logo_min{
	text-align: center;
    margin: 28px 0;
}

#infos_societe #logo_min img{
    width: 83px; 
    height: 80px; 
}





/****** 09/07/2007 *********/


#actualites
{
    height: 210px; 
    
    /*margin-top:  45px;*/
    padding: 100px 110px 30px 110px;
    background : url("./img/cadre_news.jpg") no-repeat top center;
    
    color: #014a7a;
}

#actualites a:hover, #actualites a:visited:hover{
    /*color: #ffa90d;*/
    text-decoration: underline;
}

#actualites a, #actualites a:visited{
    color: #014a7a;
    text-decoration: none;
}


.liste_indent
{
    text-indent: 0;
    padding-left: 25px;
}

.mini_texte a
{
    font-size: 12px; 
    text-decoration: none;
}


#technos_2{
    float: left;
    width: 191px;
    height: 182px;
    padding: 60px 30px 40px 0px;
}

#atouts_intranet{
    position:relative;
    left: 131px;
    width: 368px;
    height: 141px;
    padding: 15px 0;
}


/****** 19/07/2007 *********/

/*Text inputs*/

.textinput, .textinputHovered {
	width:162px;
	height:16px;
	background:#FFF;
	background:url("./img/input10.gif") no-repeat left top;
	border:none;
	padding:4px 9px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:240px;
	height:117px;
	background:url("./img/textarea3.gif") no-repeat left top;
	border:none;
}
.textareaHovered {
	background:url("./img/textarea3_hover.gif") no-repeat left top;
}

.textarea textarea, .textareaHovered textarea{
	border:none;
	background:none;

	width:212px;
	height:102px;

	padding: 3px 22px 0px 6px;
}

.textinput2, .textinput2Hovered {
	width:117px;
	height:16px;
	color: #fff;
	background:url("./img/input_bleu_4a.gif") no-repeat left top;
	border:none;
	padding:3px 9px;
}
.textinput2Hovered {
	background-position:left bottom;
    color: #fff;
}

.submitinput, .submitinputHovered {
	width:91px;
	height:27px;
	color: #fff;
	background:url("./img/btn_envoyer_5d.gif") no-repeat left top;
	border:none;
    cursor: hand;
}

.submitinputHovered {
	background-position:left bottom;
    color: #fff;
}




.p_indent {
    text-indent: 20px;
}