*{ margin:0; padding:0; border:0; outline:0; text-decoration:none; font-family:Trebuchet Ms;  }
select{border:1px double #BBBBBB;}
p,div{font-size:12px;}
p{margin-bottom:8px;}
strong{color:black;}
html, body { margin:0px;color:#464646;}
/*
 *
 * PROPRIETES IMPORTANTE
 * Propriétés importantes et récurrentes
 *
*/

a { color:#666; text-decoration:none; }
a:hover{ color:#888; text-decoration:underline; }
h1,h2,h3,h4,h5{margin:0px;margin-bottom:8px;color:#0A6480;clear:both;}
h1 {font-size:18px;color:#DB0277;margin-top:13px; }
h2 { font-size:15px;padding-bottom:5px;background:url(../images/dessous_titre.png) bottom left no-repeat;margin-bottom:5px;}
h3 { font-size:14px;margin-bottom:0;padding-bottom:0.5em;color:#DB0277;}
h4 {font-size:12px;color:#464646; }
ul, li { list-style:none; }
ul{ margin-bottom:8px; }
hr{height:1px;background:#FFFFFF url(../images/trait_hr.jpg) no-repeat;margin-bottom:15px;}
h2+hr{margin-bottom:10px;}
#liensite{display:none;font-size:0px;}

.clear { clear:both; width:100%; height:0; line-height:0; }
.cache { display:none; }
.left { display:block; float:left; }
.right { display:block;float:right; }
.floatnone { float:none !important; }

.comm{display:none;color:#888; position:absolute; margin-top:-18px;margin-left:18px; background:#ffc; border:1px solid #fa5;padding:3px;}

input{border:1px double #bbb;}
input.error, textarea.error{border:2px solid #e00;}

label{display:block; text-align:left; padding-right:10px;}
/*
 *
 * MESSAGES DE CONFIRMATION
 * Propriétés des éléments de validation ou d'échec des formulaires
 *
*/
.comm_error { color:#c22; }
.avert_message, .error_message{padding:7px 15px; margin:7px auto; font-size:14px; font-weight:bold;width:500px;text-align:center;}
.avert_message { background:#afa; color:#262; border:3px solid #262;  }
.error_message {  background:#faa; color:#622; border:3px solid #622;}
#messageNews{display:none;}


/** Galerie automatisee **/
.gallery{width:100%;margin-bottom:15px;overflow:hidden;}
.gallery li{float:left;margin-right:5px;}
.gallery img{border:0;}
/** Fin galerie */

/*
 *
 * PAGINATION
 * Propriétés du système de pagination présent sur le site
 *
*/
.pagination_number { width:100%; height:24px; }
.pagination { width:100%; height:24px; }
.pagination_nb { display:block; float:left; border:1px solid #c7c7c7; background:#FFF; width:18px; height:17px; margin-top:1px; padding-top:3px; text-align:center; margin-right:2px; }
.pagination_nb a { float:left; width:18px; height:20px; color:#0099FF; font-size:12px; font-weight:bold; }
/* .pagination_nb:hover { float:left; border:1px solid #FB3FB9; width:18px; height:17px; color:#FB3FB9; font-size:12px; font-weight:bold; }*/
.pagination_nb_actif a { float:left; background:#FFF; width:18px; height:17px; border:1px solid #0099FF; color:#0099FF; font-size:12px; font-weight:bold; padding-top:3px; text-align:center; margin-right:2px; margin-top:1px; }


/**********HEADER ******************/
/**********HEADER ******************/

#headerhaut{background:url(../images/headerfond.jpg) repeat-x;height:32px;}
#hhaut-inner{width:990px;margin:0 auto;}
#hhaut-inner ul{float:right;font-size:0.9em;margin-top:5px;}
#hhaut-inner ul li{float:left;}
#hhaut-inner img{vertical-align:sub;*+vertical-align:middle;padding-right:3px;}
#header{background:url(../images/header-bleu-cargo.jpg) repeat-x;height:50px;clear:left;padding-top:5px;}
#topHeader{height:58px;}
#topHeader-inner{width:990px;margin:0 auto;}
#topHeader-inner img{float:right;width:313px;}
#headerWrapper{ position:relative;overflow:hidden;width:990px; margin:0 auto;border:1px dashed black;}
#logo{float:left;display:block; padding:5px 0; text-indent:-9000px; width:193px; height:54px;background:url('../images/logo-cargo.jpg') no-repeat;margin:0;cursor:pointer;}
#header h2{position:absolute; bottom:0px; left:170px; color:#f00; font-weight:bold; font-size:15px;background:none;padding:0;}

#topLinks{float:left;margin-top:1.1em;}
#topLinks a{display:block;width:95px;height:30px;padding-top:0.5em;text-align:center;}
#topLinks li{float:left;}
#topLinks li a:hover{background:url(../images/onglet-survol-toplinks.png) no-repeat;}

#mainMenu{width:990px; margin:0 auto;}
#mainMenu ul{ overflow:hidden;}
#mainMenu li{ text-align:center;float:left;font-weight:bold;margin-right:5px;}
#mainMenu a{ display:block;font-size:13px; height:61px;margin-left:11px;color:white;padding:7px 30px 0 15px;}
#mainMenu a:hover, #mainMenu a.active{text-decoration:none;}
#mainMenu li:hover a, #mainMenu li a.active{background:url(../images/onglet_droite.png) no-repeat right top;color:#2285A4;}
#mainMenu li:hover, #mainMenu li.active{background:url(../images/onglet_gauche.png) no-repeat left top;}
#mainMenu .liseret{float:left;font-size:14px;margin-top:15px;margin-right:0px;color:#458BA2;font-weight:normal;}
#mainMenu .liseret:hover{background:none;}



/********** FOOTER ***********/
/********** FOOTER ***********/

#footer{height:176px;width:100%;background:url(../images/footerbleu.jpg) repeat-x;}
#footerWrapper{ width:990px; height:176px;margin:0 auto;padding-top:10px;position:relative;}
#footerWrapper ul{float:left;margin-right:30px;}
#footerWrapper a{color:white;}
#footerWrapper li.gras{color:white;font-weight:bold;font-size:14px;text-transform:uppercase;display:block;padding-bottom:5px;}
#footerRight{text-align:right;float:right !important;margin-left:20px;text-transform:uppercase;font-weight:bold;}
#menuFooter{height:29px;float:right;}
#menuFooter li{float:left;display:block;}
#menuFooter a{line-height:20px; display:block;font-size:13px; font-weight:bold; color:#fff; padding:0px 5px;}

#copyrightCargo{margin:0 auto;width:900px;color:white;font-size:11px; position:absolute;bottom:18px;left:50px;}
#copyrightCargo a{color:white;text-decoration:underline;}

#bottomLine{padding:5px; clear:none;width:300px;margin:0 auto;background:none;}
#bottomLine a{text-decoration:underline;font-weight:bold;color:#2285A4;font-size:11px;}

#newsletter{float:right;height:110px;text-align:center;background:url(../images/fond_newsletter.png) no-repeat;width:250px;}
#newsletter-inner{position:relative;width:250px;overflow:hidden;}
#newsletter .newsinput{width:199px;font-size:15px;height:33px;text-align:left;background:transparent url(../images/inputnewsletter.png) no-repeat;margin:0 auto;}
#newsletter .newsinput input{border:0 none;margin:7px 12px 0 15px;width:145px;}
#newsletter .okinput{width:26px;height:26px;cursor:pointer;background:transparent url(../images/inputok.jpg) no-repeat;border:0 none;right:33px;top:4px;position:absolute;}
#newsletter h4{text-transform:uppercase;color:white;font-size:15px;padding-top:20px;font-weight:bold;background:none;}

/* Bloc de recherche + Webinars + nuage tags*/
#rechercheform{background:url(../images/fond_recherche_droite.jpg) no-repeat;width:238px;padding-bottom:2em;height:70px;margin:0 auto;}
#leftInside #rechercheform{text-align:center;margin:0 auto;}
.inside #rechercheform{text-align:left;margin-left:0;}
#rechercheform-inner{text-align:center;width:146px;margin:0 auto;position:relative;padding-top:2em;}
.rechercheinput{background:url('../images/form_recherche_input.jpg') no-repeat;width:146px;height:25px;}
.rechercheinput input{margin-top:4px;margin-right:20px;border:0 none;text-align:left;width:115px;}
h2.titre_recherche{margin-top:8px;}
.submitrecherche{position:absolute;background:transparent url(../images/loupe.jpg) no-repeat;width:18px;border:0 none;height:17px;cursor:pointer;top:30px;right:5px;}
#rightDemos{text-align:left;width:80%;margin:0 auto;padding-bottom:10px;}
#rightDemos h4{background:none;margin-bottom:0;color:#0A6480;}
#nuagetags{margin:2em auto;width:80%;}
#nuagetags a:hover{text-decoration:underline;}
#nuagetags a.t1{color:#0F637E; font-size:13px;}
#nuagetags a.t2{color:#0F637E; font-size:17px;}
#nuagetags a.t3{color:#0F637E;font-size:24px;}
#nuagetags a.t4{color:#1C7A98;font-size:30px;font-weight:bold;}
#nuagetags li{display:inline;}

/*******************************/


/******** Page d'accueil *********/
#leftHome{width:660px;float:left;text-align:left;margin-left:10px;padding-top:30px;padding-bottom:30px;}

#leftHome h2, #rightInside h2{color:#0A6480;margin-top:15px;}
#leftHome a.bordure{}
#leftHome a:hover{text-decoration:underline;}
#leftHome a.active{color:black;background:none;padding-left:0px;}
a.actu_accueil{display:block;margin-bottom:10px;}
span.actu_accueil{color:#0A6480;text-decoration:none;font-weight:bold;}

#rightHome, #rightInside{float:left;text-align:center;width:300px;margin-left:20px;padding:30px 0 30px 0;}
#rightHome .grand{margin:10px auto;}
#rightHome h2{margin-top:1em;background-position:bottom;}
#rotatorAccueil{
	height:240px;
	margin-left:7px;
	margin-top:7px;
	overflow:hidden;
	position:relative;
}
#rotatorAccueil img{border:0}
#rotatorAccueil ul{padding:0;margin-left:-120px;left:50%;list-style-type:none;position:absolute;overflow:hidden;}
#rotatorAccueil li{height:240px;overflow:hidden;padding:0;margin:0;}


/*******************************/

/******** Pages de contenu ********/
/******** Pages de contenu ********/
#mainWrapper{margin:0 auto;width:990px; background:url('../images/fond_colonne_grise_accueil.jpg') repeat-y right top; overflow:hidden;}
#mainWrapper.inside{background:url('../images/fond_colonne_grise.jpg') repeat-y left top;}
#mainWrapper.noleft{background:none;}
#mainWrapper.accueil{margin:0 auto;width:990px; background:url('../images/fond_colonne_grise_accueil.jpg') repeat-y right top; overflow:hidden;}

#main .colonne1{float:left; margin:35px;width:635px;}
#main .colonne2{float:left; margin:35px 0 0 35px; width:202px;}
#main .colonne2 .sep{height:1px; width:100%;border-top:1px double #ccc; margin:15px 0;}
#main .colonne2 .sep{height:1px; width:100%;border-top:1px double #ccc; margin:15px 0;}
#main .suite{float:right;font-weight:bold;font-style:italic;color:#DB0277;padding-left:15px;display:block;margin:3px 0;background:url('../images/icons/bullet.gif') no-repeat 1px;}

.focus{float:left;padding-right:20px;}
#contentPage{padding:10px 0; overflow:hidden;}

#rightInside a.sitemap1{font-size:16px; font-weight:bold; display:block;padding:7px 0 0 8px; color:#DB0277;}
#rightInside a.sitemap2{font-size:14px; font-weight:bold; display:block;padding:5px 0 0 25px; color:#0A6480;}

.centre{ float:left; width:250px; margin:0 10px 10px 0; background:#eef;padding:5px;}

.pagination{margin:7px 0;}
a.page{ margin:3px; text-align:center; background:#ddf;padding:5px 7px; line-height:20px; width:30px;}
#partager{margin-top:15px;}
/***** Plan d'acces ***********/
#map{border:2px solid #D1E1EF;height:350px;width:700px;}

#locale{display:none;}

/**** Page interieure ********/
#leftInside{width:260px;margin-right:10px;float:left;padding-top:10px;margin-left:0;background-color:#F2F2F2;text-align:center;}
#leftInside h1{margin-top:0;}
#leftInside h2{margin-top:0;color:#0A6480;background-position:bottom;}
#leftInside h3{color:#464646;background:none;}
#leftMenu{text-align:left;width:85%;margin:0 auto;padding-bottom:10px;font-size:11px;}
#leftMenu h3{margin-top:10px;margin-bottom:5px;padding:0;}
#leftMenu a{display:block;background:url("../images/dessous_titre.png") no-repeat scroll left bottom transparent;padding:5px 0;}
#leftMenu a:hover, #leftMenu a.active{color:#1F829F;}
#leftMenu h2 a{color:#0A6480;background:none;}
#rightInside{width:710px;text-align:left;padding-top:0px;margin-left:10px;margin-right:0;background-color:#FFFFFF;}
#rightInside a{color:#0A6480;font-weight:bold;}
#rightInside h2{background:none;}
#rightInside li{padding-left:14px;background:url('../images/puce.jpg') no-repeat;background-position:1px 4px;}
.leftlogiciel{display:block;float:left;margin-right:40px;}
/*****************************/

a.petit{display:block;width:160px;height:30px;text-align:center;background:url(../images/bt_small.png) no-repeat;margin-top:5px;padding-top:5px;color:#666 !important;}
a.grand{display:block;width:230px;height:30px;text-align:center;background:url(../images/bt_large.png) no-repeat;margin-top:5px;padding-top:5px;color:#666 !important;}

/***** Page logiciel ******/
#topInside div.left{float:left;width:67%;}
#topInside div.right{width:30%;}
#middleInside{border:1px solid black;border-left:0 none;clear:both;background:url(../images/fond_menu_atouts.jpg) right repeat-y;margin-top:15px;}
#middleInside h1{margin-top:10px;}
#middleInside .contenu_atouts{width:67%;float:left;margin-right:10px;overflow:hidden;}
#middleInside .contenu_atouts h4{margin-top:8px;}
#menu_atouts{float:right;width:31%;padding:0 0 50px 0;}
#menu_atouts .encartLink{font-weight:bold;text-transform:uppercase;margin:0 auto;color:#989797;display:block;height:23px;padding:10px 13px 10px 0;text-align:right;background:url(../images/dessous_lien_atout.png) bottom right no-repeat;cursor:pointer;}
#menu_atouts .encartLink:hover, #menu_atouts .active{background:url(../images/survol_lien_atout.jpg) no-repeat;color:white;}
#bottomInside .left{float:left;width:66%;margin-right:25px;}
#bottomInside .left img{float:right;}
#bottomInside .right{float:right;width:30%;}
#bottomInside .right div, #temoignages div{margin-top:20px;clear:both;text-align:right;position:relative;}
#bottomInside .right a, #temoignages a{background:url('../images/onglet-survol-toplinks.png') no-repeat;width:95px;position:absolute;bottom:0;right:0;clear:left;text-align:center;}
#bottomInside .right img, #temoignages img{float:left;width:70px;display:block;margin-right:10px;}
#bottomInside .right h2, #temoignages h2{text-align:left;background:url(../images/dessous_titre.png) bottom left no-repeat;}
#temoignages div{ background:url("../images/dessous_titre.png") no-repeat bottom;}
#bottomInside li{list-style-type:none;margin:0;}
#bottomInside ul a{color:#464646;font-weight:bold;}


/**** CONTACT + NEWSLETTER****/
#contact textarea{border:1px double #BBBBBB;}

/**** FIN CONTACT ****/

/******** Fil d'ariane ********/
.crumbs li{display:inline;list-style-type:none;padding:0 !important;background:none !important;margin-left:0 !important;}
.crumbs li a{color:#666 !important;font-weight:normal !important;}
.crumbs li a.active{font-weight:bold !important;color:#0A6480 !important;}
/******************************/

/*** Page de Recherche ****/
.highlight{font-weight:bold;background-color:#FFFF00;padding:0 1px;}
#nbResultats{color:#DB0277;font-size:13px;}