/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyright (c) 2009 MINISTERE DE LA DEFENSE
|		Webdesign : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* _____[ 00 | META declarations | Haut de page : logo, recherche, etc | Navigation principale  ]_____________ */

/* cf. common.css */

/* ______________________[ 03 | Contenu principal : presentation en 3 colonnes ]____________________*/

#ContainerCols {width:980px;margin:0 auto;padding:0;display:block;text-align:left;}
#ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols {display:inline-block;}
/* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */

/* FIL d'ARIANE */
#FildAriane {width:962px;background-color:#DEDEDE;}
#FildAriane a {}
#FildAriane a:hover {}



#actuArmement{
   background: none repeat scroll 0 0 #03BBD7;
    font-size: 15px;
	color : #FFFFFF;
	height : 20px;
}

/* [ 03.1 | Colonne A ]________________________ */
/* Begin Dharar Css*/
#ColA {text-align:left;margin:0;padding:0;float:left;width:100%;}
/* End*/

/*#ColA {text-align:left;margin:0;padding:0;float:left;width:770px;}*/
#ColA p, #ColA ol {padding-right: 15px; color:white;text-align: justify;}

#ColA h2 {}

#ColA h3 {font-size:1em;}
#ContainerCols #ColA .special h3 {background-image:none;padding:0;font:bold 1em Arial,sans-serif;}
#ContainerCols #ColA .special h3 a {background-position:0 4px;background-repeat:no-repeat;padding:0 0 0 12px;}
#ColA .cell h3 {margin:0 0 .7em 0;}

#ColA .special h3 {margin:0 0 10px 0;}
#ColA h4 {}
#ColA h5 {}
#ColA h6 {}

#ColA #laune {color:#03bbd7;width:770px;}
#ColA #laune p {margin:0 0 5px 0;padding:0;font-size:.9em;}
#ColA #laune p.title {font-weight:bold;font-size:1em;}
#ColA #laune:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColA #laune {display:inline-block;}
/* \*/ * html #ColA #laune {height:1%;display:block;} /* */
#ColA ul.list-imgs {margin:0;padding:0;float:left;border-right:1px solid #FFF;height:320px;overflow:hidden; width: 68%;}
#ColA ul.list-imgs li img {margin:0;padding:0;border:none;}
#ColA ul.list-imgs li {list-style:none;margin:0;padding:0;display:none;}
#ColA ul.list-imgs li.on {display:block;}
#ColA #laune .termes {width:235px;float:left;padding:10px 0 0 0;margin:0;}
#ColA #laune .termes .terme {padding:20px 28px 10px 20px;background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg_terme.gif) transparent no-repeat 20px 0; border-bottom: 1px dotted #0BB6E2;}
#ColA #laune .termes .terme.on {background-position:100% 50%;border-bottom:1px solid #FFF;border-top:1px solid #FFF;margin-bottom:-1px;height:1%;}

#ColA #laune .termes .terme a{ color : #03BBD7}
#ColA #laune .termes .terme.on a{ color : #ffffff}

/* Chapo */
.chapo {background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg_chapo.gif) #E0E2E2 no-repeat 100% 100%;padding:20px 24px 5px 24px;margin:0;}


/* row */
#ColA .row {margin:0 0 1.5em 0;padding:0;color:#262D30;}
#ColA .row:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColA .row {display:inline-block;}
/* \*/ * html .row {height:1%;} .row {display:block;} /* */
#ColA .row .special p.tous {text-align:right;font-size:.9em;padding:0;margin:0;position:relative; word-spacing: -.15em}
#ColA .row .special p.tous a {margin:0;padding:0;position:absolute;top:-29px;right:0;}
#ColA .row .cell {float:left;padding:0;}
#ColA .row.une .cell {width:728px;margin:0 0 0 10px;}
#ColA .row.deux .cell {width:354px;margin:0 10px 0 10px;}

#ColA .row.une .r-bloc {width:708px;}
#ColA .row.une .chapo, #ColA .row.une .exergue {margin:0 0 1em 10px;}
#ColA .deux .r-bloc {width:334px !important;margin:0 10px 0 10px !important;}


/* row -> tv defense */
#ColA .row .tv {margin:0;padding:0;}
#ColA .row .tv .lt {width:216px;float:left;margin:0;padding:0 10px 0 0;background:url(/IMG/images_defense/dicod_design/design/dicod/images/carre.gif) repeat-y 100% 0;}
#ColA .row .tv .lt .video {padding:0;margin:0;display:none;}
#ColA .row .tv .lt .video span {font-weight:bold;margin:0 0 .8em 0;display:block;color:#000;}
#ColA .row .tv .rt {margin:0 0 0 -1px;float:left;width:129px;padding:0;}
#ColA .row .tv .rt p {background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg_sep.gif) no-repeat 1px 0;padding:5px 10px;margin:0;height:1%;cursor:pointer;font-size:.9em;}
#ColA .row .tv .rt p:first-child,
#ColA .row .tv .rt p.first {background:none;}
#ColA .row .tv .lt .video.on {display:block;} 
#ColA .row .tv .rt p.on {background-image:none;background-color:#FFF;border-right:1px solid #969A9B;border-top:1px solid #969A9B;border-bottom:1px solid #969A9B;margin-bottom:-1px;z-index:100;position:relative;padding:4px 10px 5px 10px;}
#ColA .row .tv .rt p a {color:#262D30;}

/* row -> actus */
#ColA .row .actus {margin:0;padding:0;}
#ColA .row .actus:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColA .row .actus {display:inline-block;}
/* \*/ * html #ColA .row .actus {height:1%;} #ColA .row .actus {display:block;} /* */
#ColA .row .actus .visu {float:left;width:auto;padding:0;margin:0;}
#ContainerCols #ColA .row .special .actus .visu {padding:0;margin:0;text-align:left;background-image:none;}
#ColA .row .actus .visu img {margin:0 10px 10px 0;padding:0;border:none;display:block;}
#ColA .row .actus .desc {padding:0 10px 0 0;margin:0 0 .5em 0;}
#ColA .row .actus .desc p {background-color:transparent;background-repeat:no-repeat;background-position:0 3px;padding:0 0 0 12px;overflow:hidden;height:1%;}
#ColA .row .actus .desc p span {font-weight:bold;}
#ColA .row .actus .desc p a {color:#262D30;}

/* row -> acces pratique */
#ColA .row ul {margin:0 0 0 20px;padding:0;list-style:none;}
#ColA .row ul li {background-position:0 0;background-repeat:no-repeat;padding:0 0 0 20px;margin:0 0 0.6em 0;}
#ColA .row ul li a {color:#262D30;font-weight:bold;}
#ColA .row .flech-thin {margin: 0}
#ColA .row .flech-thin li {background-position:0 .3em;background-repeat:no-repeat;padding:0 0 0 12px;}
#ColA .row .flech-thin li a {font-weight: normal}

#ColA .row .zoom {display: block; padding: 1.2em 0 8px 31px; background: url(/IMG/images_defense/dicod_design/design/dicod/images/zoom.gif) no-repeat 0 1.2em; overflow: auto; color: #000}
/* \*/ * html #ColA .row .zoom {height:1%;} /* */

#ColA .row .special h3 a {color:#262D30;}


#ColA .ad {padding:0 0 0 10px;margin:0 0 30px 0;}
/*
.left {float:left;margin:.6em 15px 15px 0;}
.right {float:right;margin:.6em 0 15px 15px;}
*/
.center {text-align:center;}
.justify {text-align:justify;}
.middle {display:block;margin:0 auto;}

/* img position */
.right {}
.right .blocVisu {float:right;margin:0 0 10px 15px;}
.right .blocTxt {}
.left {}
.left .blocVisu {float:left;margin:0 15px 10px 0;}
.left .blocTxt {}
.legende {font-size:.8em;color:#6E6E6E;padding:.1em 0 0 0;}





/* [ 03.2 | Colonne de contenu contextuel ]________________________ */

#ColContextuelle {width:212px;padding:20px 0 0 0;}

/* Begin Dharar CSS for tow divs */
.domaines{width: 61%; height: 415px; float: left; margin-bottom: 10px;}
.n-news{/*width: 138px;  height: 179px; float: left;*/}
.ixarm-header{width: 100%;height: 110px;background-color: #CECECE;}
.ixarm-logo{width: 15%; padding-left: 28px; }
.users-types{width: 153px;}
.users-connect{width: 50%;}
.ixarm-portail{}
.ixarm-login{}
.slider-home{ color: white; background-color: black; }
.s-img{width: 642px; float: left; height: 364px;}
.s-caption{width: 332px; float: left;height: 364px; background-color: #000000; overflow-y: auto;}
.s-puces{ float: left;padding-left: 450px;}
.s-right{width: 33px;left: -33px;top: 197px;position:relative;}
.s-left{ float: right;position: relative;top: -188px;width: 33px;z-index: 999999999;left: 31px;top: -200px;}

#container-actu
{
    width: 510px;
}
/* Styles specific to this particular page */
.scroll-pane
{
	/*
    width: 100%;
    height: 300px;
    overflow: auto;
	*/
}
.scroll-pane p
{
    margin: 5px 0;
}
.t-s-caption{ margin-left: 10px;margin-top: 26px; font-weight: bold;margin-top: 26px;font-size: 21px; color: #ffffff;}
.p-caption{margin-left: 10px; margin-right: 10px; margin-top: 20px; color: #ffffff; margin-bottom: 30px;}
.in-rech-ann{float:left;
#PTO margin-top: 29px;
margin-top: 0px;
width: 100%;
}
.in-rech-ann input{background-color: #efeeee;border-width: 0;}
.in-rech-ann select{background-color: #efeeee;border-width: 0;}

/* SLIDER HOME CSS */
#slider_home {
	font-family: HelveticalNeue LighCond;
	margin-top: -45px;
	width: 100%;
}

.blocImg {
	float:left;
	width: 52%;
	margin-bottom: 7px;
	background-color: #606060;
}

.blocImg img {
	width: 500px;
	height: 300px;
	background-color: white;
}
		
.blocTexte {
	height: 306px;
	color: white;
	width: 48%;
	float: left;
	background-color: #606060;
	
}
		
.titreNews {
	font-weight: bold;
	font-size: 23px;
	margin-left: 20px;
	padding-top: 20px;
	margin-right: 25px;
}

.titreNews a {
	color: white;
}
		
.texteNews {
	margin-left: 20px;
	margin-top: 25px;
	margin-right: 25px;
	font-size: 18px;
}
		
#fleche_gauche {
	position: relative;
	top: 198px;
	left: -2%;
	cursor: pointer;
	width: 33px;
	display: none;
}
		
#fleche_droite {
	position: relative;
	top: 165px;
	left: 98%;
	cursor: pointer;
	width: 33px;
	display: none;
}
		
#squaresSlider {
	clear: both;
	height: 20px;
	width: 125px;
	margin-left: 390px;
	/*padding-bottom: 10px;*/
	display: none;
}
		
.squareSlider {
	height: 15px;
	width: 15px;
	background-color: black;
	margin-right: 5px;
	float: left;
	cursor: pointer;
}

.DynarchCalendar-topCont {
	width:100%;
}


.domaines #innovationBlock {
	margin-right: 15px;
	height: 195px;
	background-color: rgb(204, 119, 32);
	background-repeat: no-repeat;
}

.domaines #marchesBlock {
	margin-right: 15px;
	height: 195px;
	background-color: rgb(121, 7, 62);
	background-repeat: no-repeat;
}

.domaines #pmeBlock {
	margin-right: 15px;
	height: 195px;
	background-color: rgb(200, 2, 70);
	background-repeat: no-repeat;
}

.domaines #accueilBlock {
	margin-right: 15px;
	height: 195px;
	background-color: rgb(157, 175, 6);
	background-repeat: no-repeat;
}

.domaines #equipementBlock {
	margin-right: 15px;
	height: 195px;
	background-color: rgb(36, 119, 126);
	background-repeat: no-repeat;
}