/* CSS - Société Générale - CGA */

*{
	font-family:Verdana, Arial, sans-serif; font-size:11px;
}

body{
	margin:0; padding:0; color:#000; font-size:9px; text-align:center; background-color:#FFF;
}

img{
	border:0;
}
h1, h2, h3, h4, h5, h6{
	margin:0; padding:0; font-size:9px; font-weight:normal; font-style:normal;
}
em{
	margin:0; padding:0; font-size:9px; font-weight:normal;
}
ul, li{
	margin:0; padding:0; list-style-type:none;
}
ol {
	margin:10px 0 15px 20px;
}
ol li{
	background:url(../../02_images/puces/car_rouge_l6.gif) 0 5px no-repeat; padding-left:9px; 
}
hr{
	display:none;
}

.clear{
	clear:both; height:1px; font-size:1px;
}

.fleft{
	float:left;
}
.fright{
	float:right;
}
.fcent{
	text-align: center; 
}

/***** Structure de base *****/

#container{
	position:relative; margin:auto; margin-bottom:10px; padding:70px 130px 0 0; width:670px; text-align:left; border-top:1px solid #98989B; border-left:1px solid #98989B;
}

#logo{
	position:absolute; top:15px; left:13px; width:55px; height:55px; background-image:url(../../02_images/logo_sg.gif);
}
#accroche{
	position:absolute; top:30px; left:68px;
}

.intro {
	margin-top:0; margin-bottom:15px;
}

#quicklinks{
	position:absolute; top:5px; right:130px;
}
#quicklinks li{
	display:inline; padding:0 5px 0 5px; border-right:1px solid #000;
}
#quicklinks li.last{
	border:0;
}
#quicklinks li a{
	color:#000; text-decoration:none;
}

#langue{
	position:absolute; top:5px; right:0; display:block; width:130px; color:#000; text-decoration:none; text-align:center;
	cursor:pointer;
}

#contenu{
	height:auto !important; height:480px; min-height:480px; border-right:1px solid #000;
}

#bienvenue{
	height:22px; text-align:right;
}
#bienvenuesub1{
	height:11px; background-image:url(../../02_images/degrad_bleu.jpg); background-repeat:repeat-y;
}
#bienvenuesub2{
	height:16px; background-image:url(../../02_images/degrad_rouge.jpg); background-repeat:repeat-y; border-bottom:5px solid #000;
}

#colRight{
	position:absolute; top:70px; right:0; width:130px;
}
#colRight h1{
	padding:3px 5px 5px 5px; font-weight:bold; text-align:center; background-color:#9FB6D5;  font-size:10px;
}
#colRight h1 img{
	display:inline;
}
#colRight img{
	display:block;
}
#colRight .cgaContact a{
	font-size:10px;
}
#colRight .cont{
	margin:0 0 15px 0; background-color:#DEE8F5; font-size:9px;
}
#colRight .cont a{
	display:block; padding:2px 0 2px 12px; color:#000; font-weight:bold; text-decoration:none; background:url(../../02_images/puces/flc_rouge.gif) 5px 6px no-repeat;
}
#colRight .cont img{
	float:left; margin:1px 10px 1px 1px;
}
#colRight .nousContacter a{
	font-size:9px;
}
#colRight a.map{
	padding:5px 0 0 60px; height:60px; font-weight:normal; background:url(../../02_images/map.gif) left no-repeat;
}
#colRight .SG a{
	font-size:9px;
}
#colRight form{
	margin:0px;padding:0px;
}
#colRight #newsletter{
	font-size:10px; margin:0 0 15px 0; padding:8px 5px; font-weight:bold; background:url(../../02_images/newsletter_fd.gif) repeat-x;
}
#colRight #newsletter input{
	padding:0 2px; width:110px; height:15px; font-weight:normal; border:1px solid #666666;
}
#colRight #newsletter a{
	font-size:10px; display:block; padding:0 0 0 15px; color:#E50729; font-weight:bold; text-decoration:none; background:url(../../02_images/puces/cflc_rouge.gif) left no-repeat;
}
#colRight #newsletter .insc{
	font-size:9px;color:#E50729;margin-top:12px;
}
#colRight .etude{
	display:block; margin:0 0 15px;
}

/* deb */
#footer2{
	position:relative;  height:10px; text-align:center; background:url(../../02_images/footer_fd2l.gif) bottom left repeat-x; border-right:1px solid #000;
}

#footer2 a{
	padding:0 5px 0 0; color:#FFF; text-decoration:none;
}
#footer2 a.secondLine{
 text-align:left; padding:0 0 0 -20px;
}
/* fin */

#footer{
	position:relative; padding:19px 0 0 0; height:20px; text-align:right; background:url(../../02_images/footer_fd3.gif) bottom left repeat-x; border-right:1px solid #000;
}
#footer img{
	float:left; padding: 2px 0 0 0 ;
}
#footer a{
	padding:0 5px 0 0; color:#FFF; text-decoration:none;
}
#footer a.socgen{
	display:block; float:left; margin:-19px 18px 0 0; padding:0 0 0 18px; width:113px; height:34px; background:url(../../02_images/logo_socgen.gif) top right no-repeat;
}
#footer a.secondLine{
 text-align:left; padding:0 0 0 -20px;
}
#footer #copy{
	position:absolute; top:19px; right:-70px;
}

/***** Puce *****/
.next {
	color:#000000; font-size:10px; text-decoration:none; background:url(../../02_images/puces/valider.gif) 0 2px no-repeat; padding-left:14px;
}

/***** Navigation *****/

#navigation * {
	 font-size:9px;
}
#navigation{
	float:right; margin:-4px 0 0 0; width:129px; border-right:1px solid #FFF;
}
#navigation ul li{
	display:inline;
}

#navigation ul li a{
	display:block; padding:5px 5px 5px 13px;
	height:auto !important; height:5px; min-height:5px;
	color:#FFF; font-weight:bold; text-decoration:none; text-transform:uppercase;
	background:#325095 url(../../02_images/puces/flc_blanc.gif) 4px 8px no-repeat;
	border-bottom:1px solid #FFFFFF;
}
#navigation ul li a:hover{
	background-color:#527BB3;
}
#navigation ul li.on a{
	background:#527BB3 url(../../02_images/puces/flc_blanc.gif) 4px 8px no-repeat;
}
#navigation ul li.snav a{
	background:#527BB3 url(../../02_images/puces/flcb_blanc.gif) 4px 10px no-repeat;
}

#navigation ul li.on li a{
	color:#527BB3; text-transform:none; background:#AAB9DD url(../../02_images/puces/flc_bleug.gif) 4px 8px no-repeat;
}
#navigation ul li.on li a:hover{
	background-color:#D7DDF9;
}
#navigation ul li.on li.on a{
	background:#D7DDF9 url(../../02_images/puces/flc_bleug.gif) 4px 8px no-repeat;
}
#navigation ul li.on li.snav a{
	background:#D7DDF9 url(../../02_images/puces/flcb_bleug.gif) 4px 10px no-repeat; border-bottom:0;
}

#navigation ul li.on li.on ul{
	border-bottom:1px solid #FFF;
}
#navigation ul li.on li.on li a{
	padding:2px 10px 2px 13px; color:#7398CA; font-weight:normal; background-image:none; border-bottom:0;
}
#navigation ul li.on li.on li a:hover, #navigation ul li.on li.on li a.on{
	color:#325095;
}

/***** Centre de page *****/

#centrePage{
	float:right; padding:0 0 0 20px; width:519px;
}
#centrePage img.chapeau{
	display:block;
}

#centrePage h1{
	margin:0 0 5px 0; padding:0 0 3px 3px; background:url(../../02_images/puces/h1_fd.gif) bottom left no-repeat;
}

.corps{
	padding:12px 0 0 0; background:url(../../02_images/corps_top.gif) repeat-x;
}
.corps .bot{
	height:10px; background:url(../../02_images/corps_bot.gif) bottom repeat-x;
}

/***** Home page *****/

#lastNews{
	float:left; padding:0 10px 0 10px; width:320px;
}
#lastNews div{
	margin:0 0 10px 0; color:#5E5959; text-indent:10px; background:url(../../02_images/puces/car_rouge.gif) 2px 6px no-repeat; font-size:9px;
}
#lastNews a.plus{
	padding:0 0 0 13px; color:#E60029; font-weight:bold; text-decoration:none; background:url(../../02_images/puces/cflc_rouge.gif) left no-repeat; font-size:9px;
}

/***** Fille *****/
.sCont * {
	font-family:Arial, sans-serif; 
}

.vosBesoins, .rechercheProduit  {
	padding-left:9px;
}

.vosBesoins .trouve {
	color:#E50729;font-weight:bold;
}

.titre {
	height:31px;margin-top:19px;font-size:19px;font-weight:bold;color:#519AE3;
}

/***** Fille Carrieres *****/

.carrieres a {
	color:#527BB3;
}
.carrieres .leftCont {
	width:340px; float:left;
}
.carrieres .rightCont {
	width:160px; float:right;
}
.carrieres .title3 {
	color:#999999; background:url(../../02_images/points/gris.gif) bottom repeat-x; height:15px;
}
.carrieres h3{
	float:left; font-size:12px; font-weight:bold; text-transform:uppercase;
}
.carrieres .title3 .next{
	float:right;
}
.carrieres h4{
	color:#519AE3; font-size:11px; font-weight:bold; text-transform:uppercase;
}
.carrieres .typeCont1, .carrieres .typeCont2{
	padding-top:9px;
}
.carrieres .typeCont1 li{
	background:url(../../02_images/puces/car_bleu_l6.gif) 0 5px no-repeat; padding-left:9px;
}
.carrieres .typeCont2{
	color:#999999;
}

/***** Fille Solutions *****/

.solutions a {
	font-weight:bold; color:#527BB3;
}

.solutions .topLine {
	font-size:1px; height:9px; width:518px; background:url(../../02_images/solutions-top-line.gif);
}

.solutions .title{
	font-size:11px; font-weight:bold; color:#999999; margin-right:11px;
}
.solutions .texte{
	width:510px;
}
.solutions .rightCont h3 {
	padding:14px 0 14px 15px; background:url(../../02_images/puces/cflc_rouge.gif) 0 16px no-repeat;
}
.solutions .rightCont {
	padding:0 10px 0 10px; float:left; width:312px;  text-align: justify;
}
.solutions .rightCont p, .solutions .rightCont ul{
	padding:0 0 0 8px;text-align:justify;
}
.solutions .rightCont p {
	margin:0 0 14px 0;
}
.solutions .rightCont p strong{
	color:#E50021;
}

/***** Contactez delegations nous Solutions *****/

.contactezNous{
	padding-left:4px;
}
.contactezNous h3{
	float:left; font-weight:bold; color:#999999; font-size:12px; padding-bottom:6px;
}
.contactezNous .next{
	float:right; padding-right:10px;
}

/***** Contactez nous HOME *****/

.contactezHome *{
	font-size:11px;
}
.contactezHome h3 {
	color:#519AE3; font-size:11px; font-weight:bold; text-transform:uppercase;
}

.contactezHome .linkFlcCBleu {
	padding-top:9px;
}
.contactezHome .linkFlcCBleu li, .contactezHome p{
	background:url(../../02_images/puces/car_bleu_l6.gif) 0 5px no-repeat; padding-left:9px;
}
.contactezHome p{
	margin:5px 0 20px 0;
}
.linkFlcCBleu li a{
	font-weight:bold; color:#527BB3;
}

/***** Information produit *****/

.infoProduit p{
	margin:0 0 15px 5px;
}

/***** Boxs *****/

.boxTemoignage {
	margin-bottom:11px;
}
.boxTemoignage img{
	border:1px solid #BBCBE1; float:left; margin-right:4px;
}
.boxTemoignage .tx {
	 width:388px; background:#F5F8FC; padding:10px 6px 14px 6px;
}
.boxTemoignage h3 {
	font-weight:bold; color:#527BB3; font-size:11px;
}

.boxPresse{
	margin-bottom:11px;
}
.boxPresse img{
	margin-right:4px; 	
	padding:3px 6px 5px 6px;
}
.boxPresse h3 {
	font-weight:bold; color:#527BB3; font-size:11px;
}
.boxPresse p {
	padding-right: 10px;
}
.boxPresse a.lien{
	padding:0 0 0 13px; color:#E60029; font-weight:bold; text-decoration:none; background:url(../../02_images/puces/cflc_rouge.gif) left no-repeat; font-size:9px;
}


#toolBox {
	padding-right:20px;
}
#toolBox li{
	 padding:0 0 2px 16px;
}
#toolBox .dl a, #toolBox .print a, #toolBox .sdFriend a, #toolBox .contactC a{
	color:#000000; text-decoration:none;
}
#toolBox .dl{
	background:url(../../02_images/pictos/dl.gif) 0 2px no-repeat; 
}
#toolBox .print{
	background:url(../../02_images/pictos/print.gif) 0 2px no-repeat; 
}
#toolBox .sdFriend{
	background:url(../../02_images/pictos/sdfriend.gif) 0 2px no-repeat; 
}
#toolBox .contactC{
	background:url(../../02_images/pictos/contactc.gif) 0 2px no-repeat; 
}

.boxsBesoins {
	width:498px; background:url(../../02_images/boxs/besoins-bg.gif) repeat-y;
}
.boxsBesoins .boxBesoinsTop {
	width:498px; height:9px; font-size:1px; background:url(../../02_images/boxs/besoins-top.gif);
}
.boxsBesoins .boxBesoinsBot {
	width:498px; height:9px; font-size:1px; background:url(../../02_images/boxs/besoins-bot.gif);
}
.boxsBesoins .boxBesoins {
	padding:10px; width:464px; margin:0 5px; background:#E9EEF6; border-bottom:2px solid #F2F5F9; border-left:2px solid #F2F5F9; border-right:2px solid #F2F5F9;
}

.boxsBesoins .boxBesoins h3{
	float:left; width:230px; font-size:11px; color:#5E5959;
}
.boxsBesoins .boxBesoins select{
	float:left; font-size:9px; font-weight:600; width:187px; height:18px;
}
.boxsBesoins .boxBesoins a{
	cursor:pointer; margin-top:7px; color:#000000; font-size:11px; text-decoration:none; background:url(../../02_images/puces/valider.gif) 0 2px no-repeat; padding-left:16px; float:left; padding-right:50px;
}

.boxRecherche {
	background:#F5F8FC; width:244px; margin-bottom:5px;
}
.boxRecherche .clear{
	background:#FFFFFF;
}

.boxRecherche .flc{
	position:absolute; z-index:1; background:url(../../02_images/puces/rechercher-produit.gif) no-repeat; width:15px; height:15px;
}
.boxRecherche .cont {
	float:left; width:149px; height:75px;
}
.boxRecherche .cont p{
	padding:0 5px 5px 5px; margin:0;
}
.boxRecherche .cont a{
	font-weight:bold; color:#527BB3; text-decoration:underline;
}
.rechercheProduit .boxRechercheLeft {
	float:left; margin-right:6px;
}
.rechercheProduit .boxRechercheRight {
	float:left;
}

.solutions .boxSolutions, .solutions .lastBoxen, .solutions .lastBoxfr {
	float:left; width:163px; margin-right:7px; padding-top:30px;
}
.solutions .boxSolutions h4, .solutions .lastBoxfr h4{
	background:#D4DEEC url(../../02_images/puces/solutions-flc-bleu.gif) no-repeat; padding-left:22px; margin-bottom:19px; height:16px;
}
.solutions .lastBoxen h4{
	background:#D4DEEC url(../../02_images/puces/solutions-flc-bleu-last.gif) no-repeat; padding-left:22px; margin-bottom:19px; 
}
.solutions .boxSolutions h4 img, .solutions .lastBoxfr h4 img{
	margin-top:2px;
}
.solutions .boxSolutions strong{
	color:#5E5959;
}
.solutions .boxSolutions a{
	font-weight:bold; color:#527BB3; text-decoration:underline;
}
.solutions .boxSolutions p{

}

.boxGreyBorder {
	background:url(../../02_images/boxs/greyborder-mid.gif); width:336px;
}
.boxGreyBorder a{
	color:#000000; text-decoration:none; font-size:10px; padding-left:9px; background:url(../../02_images/puces/flc_rouge.gif) 0 3px no-repeat;
}
.boxGreyBorder strong{
	color:#519AE3; font-size:10px; font-weight:600;
}
.boxGreyBorder .cont {
	padding:6px 11px 6px 11px; font-size:10px;
}
.boxGreyBorder .top, .boxGreyBorder .bot {
	 font-size:1px; width:336px; height:6px;
}
.boxGreyBorder .top {
	background:url(../../02_images/boxs/greyborder-top.gif);
}
.boxGreyBorder .bot {
	background:url(../../02_images/boxs/greyborder-bot.gif);
}

.boxsForm {
	width:498px; background:url(../../02_images/boxs/besoins-bg.gif) repeat-y;
}
.boxsForm a{
	margin-top:20px; color:#000000; font-size:10px; text-decoration:none; background:url(../../02_images/puces/valider.gif) 0 2px no-repeat; padding-left:16px; float:right; padding-right:10px;
}
.boxsForm .boxFormTop {
	width:498px; height:9px; font-size:1px; background:url(../../02_images/boxs/besoins-top.gif);
}
.boxsForm .boxFormBot {
	width:498px; height:9px; font-size:1px; background:url(../../02_images/boxs/besoins-bot.gif);
}
.boxsForm .boxForm {
	padding:10px; width:464px; margin:0 5px; background:#E9EEF6; border-bottom:2px solid #F2F5F9; border-left:2px solid #F2F5F9; border-right:2px solid #F2F5F9;
}
.boxsForm .formItem {
	float:left; width:230px; margin:0 0 5px 0;
}
.boxsForm input{
	float:left; height:12px; width:130px;
}
.boxsForm .boxForm h3{
	float:left; font-size:10px; color:#5E5959; width:70px;
}
.boxsForm .speInput {
	clear:both; margin:0 0 5px 70px!important; margin:0 0 5px 65px;
}
#formItemCa {
	padding:10px 0 0 0;
}
#formItemCa div{
	float:left; width:auto; padding:0 5px 0 0; font-size:10px; color:#5E5959;
}
#formItemCa .i2 {
	width:30px;
}
#formItemCa .i3 {
	width:50px;
}
.boxsForm .formItemRadio h3{
	width:auto; padding:3px 0 0 0; width:200px;
}
.boxsForm .formItemRadio .civ {
	float:left; padding:3px 0 0 0; width:63px;
}
.formItemRadio, .formItemText {
	font-size:10px; color:#5E5959;
}
.formItemRadio input{
	float:none; height:auto; width:auto; vertical-align:middle;
}
.formItemText {
	padding:20px 0 0 0;
}
.formItemText textarea{
	vertical-align:top; margin:0 0 0 20px; width:320px; height:100px;
}

/***** Templates libres *****/

.tmplLibre {
	padding:10px 10px 0 0;
	text-align: justify;
}
.tmplLibre p{
	margin:5px 0 20px 0;
}

.tmplLibre .linkFlcCBleu {
	padding-top:9px;
}
.tmplLibre .linkFlcCBleu li {
	background:url(../../02_images/puces/car_bleu_l6.gif) 0 5px no-repeat; padding-left:9px; 
}
.tmplLibre li {
	text-align: justify;
}
.tmplLibre li a{
	font-weight:bold; color:#527BB3;
}
.tmplLibre a{
	font-weight:bold; color:#527BB3;
}

/*****        FAQ       ******/

.faq {
	padding:7px;  margin:0 5px; background:#E9EEF6; border-bottom:2px solid #F2F5F9; border-left:2px solid #F2F5F9; border-right:2px solid #F2F5F9;
}


/***** Fille Glossaire *****/
.glossaire{
	width:516px;
}

.glossaire a {
	font-weight:bold; color:#527BB3;
}
.glossaire .alpha {
	text-align:center;
}
.glossaire .top {
	text-align:right;padding:0 15px 10px 0;
}
.glossaire .def {
	font-weight:bold; color:#527BB3;
}
.glossaire .topLine {
	font-size:1px; height:9px; width:518px; background:url(../../02_images/solutions-top-line.gif);
}

/***** Fille Plan *****/

.plan .linkFlcCBleu li {
	background:url(../../02_images/puces/car_bleu_l6.gif) 0 5px no-repeat; padding-left:10px; padding-bottom:3px;
}
.plan .linkFlcCBleu2 li {
	background:url(../../02_images/puces/car_bleu.gif) 0 5px no-repeat; padding-left:10px; padding-bottom:1px; margin-left:5px;
}

